Flowstep MCP — Claude Code

الإعداد

أضف الخادم باستخدام Claude Code CLI:

claude mcp add --transport http flowstep https://api.flowstep.ai/mcp

لمشاركة الخادم مع كل من يعمل على المستودع، أضفه إلى .mcp.json في جذر المشروع بدلًا من ذلك، ثم ارفق الملف بالمستودع:

{
  "mcpServers": {
    "flowstep": {
      "type": "http",
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

حقل "type": "http" مطلوب لخوادم HTTP في Claude Code.

المصادقة

يتولى Claude Code عملية OAuth 2.1 PKCE تلقائيًا في أول مرة يستدعي فيها أداة من Flowstep. يفتح متصفحك صفحة تسجيل الدخول إلى Flowstep. سجّل الدخول ببيانات اعتمادك في Flowstep (بالبريد الإلكتروني وكلمة المرور أو عبر Google)، وانقر Allow في شاشة الموافقة، فيلتقط CLI عملية الاسترجاع. لا يوجد مفتاح API لإنشائه أو تدويره.

تحتاج إلى حساب Flowstep قبل المصادقة. أنشئ حسابًا على app.flowstep.ai.

تحقّق من الاتصال

اكتب /mcp في جلسة Claude Code. يجب أن تظهر Flowstep على أنها متصلة، مع توفر أدواتها. ثم اسأل:

List my Flowstep files

مثال على الاستخدام

Generate a desktop settings screen in Flowstep for a developer tool, with sections
for API keys, notifications, and team members. Show me the rendered image when done.

يستدعي Claude Code الأداة ai-design-screens ← get-screen-image ويعرض الصورة المُقدَّمة مضمّنة. وبما أن Claude Code يفتح المستودع لديك بالفعل، يمكنك متابعة الطلب بقولك “Now build this screen in our app”، فيستطيع قراءة التصميم عبر get-screen-jsx وتنفيذه باستخدام مكوّناتك.

البدء

استخدام Flowstep

الفرق والمؤسسات

التصدير والتكاملات

خادم MCP

الفوترة والخطط

الأمان والخصوصية

Flowstep MCP — Claude Code

الإعداد

المصادقة

تحقّق من الاتصال

مثال على الاستخدام

​الإعداد

​المصادقة

​تحقّق من الاتصال

​مثال على الاستخدام

الإعداد

المصادقة

تحقّق من الاتصال

مثال على الاستخدام