المتطلبات الأساسية
- حساب Flowstep (app.flowstep.ai)
- Cursor
- Claude Code
يتطلب Cursor v0.43+أعد تشغيل Cursor بعد الحفظ.يستدعي Cursor
الخطوة 1 — أضف الخادم
أنشئ أو حرّر~/.cursor/mcp.json (عام) أو .cursor/mcp.json في جذر المشروع:الخطوة 2 — المصادقة
افتح لوحة Cursor MCP (Settings → MCP) واضغط Connect بجانب Flowstep. يفتح Cursor المتصفح إلى تسجيل دخول Flowstep OAuth. سجل دخولك ببيانات اعتماد Flowstep (بريد إلكتروني/كلمة مرور أو Google). يعيد المتصفح التوجيه ويخزن Cursor الرمز تلقائياً.تحتاج إلى حساب Flowstep قبل المصادقة. إذا لم يكن لديك واحد، قم بالتسجيل على app.flowstep.ai أولاً.
الخطوة 3 — شغل استدعاء أداة
في دردشة Cursor، اسأل:“قائمة ملفات Flowstep الخاصة بي”يستدعي Cursor
list-files ويعيد قائمة الملفات. إذا كانت الاستجابة فارغة، أنشئ ملفاً أولاً:“أنشئ ملف Flowstep جديد يسمى ‘لوحة المعلومات‘“
الخطوة 4 — إنشاء شاشة
create-new-design (الذي ينشئ الملف وينشئ الشاشات في خطوة واحدة)، ثم get-screen-image. ستشاهد التصميم المعروض مدمجاً في الدردشة.الخطوات التالية
- مرجع الأدوات — وثائق المدخلات/المخرجات الكاملة لجميع 20 أداة
- الأمثلة — سير عمل متعدد الخطوات
- عملاء آخرون — Windsurf و Claude Desktop و claude.ai