تكامل خادم Webflow MCP

ماذا يفعل خادم “Webflow” MCP؟

يُعد خادم Webflow MCP طبقة تكامل تمكن المساعدين الذكيين مثل Claude من التفاعل مع واجهات Webflow البرمجية. من خلال ربط نماذج الذكاء الاصطناعي بـ Webflow، يتيح هذا الخادم للمطورين والأدوات المدعومة بالذكاء الاصطناعي الوصول إلى بيانات مواقع Webflow واستعلامها ومعالجتها برمجيًا. تشمل الميزات الرئيسية جلب معلومات تفصيلية حول مواقع Webflow مثل أسماء المواقع، والمعرّفات، والنطاقات، وإعدادات التوطين، والمزيد. يعزز هذا تدفقات تطوير البرمجيات بتمكين إدارة المواقع تلقائيًا، وتحليل البيانات، والتفاعل السياقي المباشر من منصات الذكاء الاصطناعي، مما يسهل على الفرق دمج موارد Webflow ضمن سلاسل الأدوات وتدفقات الأتمتة الخاصة بها.

قائمة القوالب التلقائية

لا توجد قوالب تلقائية مذكورة في المستودع.

قائمة الموارد

لم يتم ذكر موارد محددة في التوثيق أو الكود المتاح.

قائمة الأدوات

• get_sites

  • يسترجع قائمة بجميع مواقع Webflow المتاحة للمستخدم المصادق عليه. يعرض تفاصيل مثل اسم العرض، الاسم المختصر، معرّفات الموقع ومساحة العمل، تواريخ الإنشاء والتحديث، رابط المعاينة، المنطقة الزمنية، النطاقات المخصصة، إعدادات التوطين، وتفضيلات جمع البيانات.

• get_site

  • يسترجع معلومات تفصيلية عن موقع Webflow محدد عن طريق siteId. يعرض نفس مجموعة المعلومات التفصيلية مثل get_sites ولكن لموقع واحد فقط.

استخدامات هذا الخادم MCP

• اكتشاف مواقع Webflow
  • يمكن للمطورين أو الوكلاء الذكيين بسرعة عرض جميع مواقع Webflow المرتبطة بحساب ما، مما يسهل إدارة عدة مشاريع ويب.
• إدارة المواقع تلقائيًا
  • جلب ومراقبة البيانات الوصفية (مثل تواريخ النشر، النطاقات المخصصة، واللغات) لواحد أو أكثر من مواقع Webflow، مما يمكّن مهام الإدارة السلسة.
• تفاعلات الذكاء الاصطناعي السياقية
  • يمكن للمساعدين الذكيين جلب معلومات تفصيلية حول المواقع للإجابة على استفسارات المستخدم أو تشغيل تدفقات الأتمتة بناءً على إعدادات المواقع الحالية.
• التكامل مع تدفقات CI/CD
  • استخدم معلومات الموقع كجزء من عمليات النشر أو النشر التلقائي أو تحليلات البيانات ضمن تدفقات تطوير أوسع.

كيفية الإعداد

Windsurf

لا توجد تعليمات مخصصة لـ Windsurf مذكورة في المستودع.

Claude

1. المتطلبات الأساسية
   • تأكد من تثبيت Node.js (الإصدار 16 أو أحدث).
   • يجب تثبيت تطبيق Claude Desktop.
   • احصل على رمز واجهة Webflow البرمجية.
2. تثبيت الاعتمادات
   • شغّل: npm install
3. إعداد متغيرات البيئة
   • أنشئ ملفًا باسم .env يحتوي على:

     WEBFLOW_API_TOKEN=your-api-token
     

4. إعداد Claude Desktop
   • افتح ملف إعدادات Claude:
     • لمستخدمي MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json
     • لمستخدمي Windows: %AppData%\Claude\claude_desktop_config.json
   • أضف أو حدّث:

     {
         "mcpServers": {
             "webflow": {
                 "command": "node",
                 "args": [
                     "/ABSOLUTE/PATH/TO/YOUR/build/index.js"
                 ],
                 "env": {
                     "WEBFLOW_API_TOKEN": "your-api-token"
                 }
             }
         }
     }
     

   • احفظ وأعد تشغيل تطبيق Claude Desktop.

تأمين مفاتيح الواجهة البرمجية (مثال env):

{
    "mcpServers": {
        "webflow": {
            "command": "node",
            "args": [
                "/ABSOLUTE/PATH/TO/YOUR/build/index.js"
            ],
            "env": {
                "WEBFLOW_API_TOKEN": "your-api-token"
            }
        }
    }
}

Cursor

لا توجد تعليمات مخصصة لـ Cursor مذكورة في المستودع.

Cline

لا توجد تعليمات مخصصة لـ Cline مذكورة في المستودع.

التثبيت عبر Smithery

• شغّل:

  npx -y @smithery/cli install @kapilduraphe/webflow-mcp-server --client claude
  

كيفية استخدام هذا الـ MCP ضمن التدفقات

استخدام MCP في FlowHunt

لدمج خوادم MCP ضمن تدفق عملك في FlowHunt، ابدأ بإضافة مكون MCP إلى التدفق وربطه بوكيل الذكاء الاصطناعي الخاص بك:

انقر على مكون MCP لفتح لوحة الإعدادات. في قسم إعدادات MCP للنظام، أدخل بيانات خادم MCP الخاص بك بهذا التنسيق (JSON):

{
  "webflow": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

بعد الإعداد، سيتمكن وكيل الذكاء الاصطناعي من استخدام هذا MCP كأداة مع إمكانية الوصول إلى جميع وظائفه وقدراته. تذكر تغيير “webflow” إلى اسم خادم MCP الفعلي الخاص بك واستبدال الرابط برابط خادم MCP الخاص بك.

نظرة عامة

استنادًا إلى الجدولين أعلاه، يوفّر خادم Webflow MCP أدوات واضحة ومفيدة لتكامل Webflow والذكاء الاصطناعي، لكنه يفتقر إلى قوالب تلقائية، وتعريفات الموارد، ودعم صريح للجذور أو العينة. الإعداد والتوثيق قويان لـ Claude، لكن باقي المنصات غير موثقة.

تقييم MCP