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