https://api.flowstep.ai/mcp (نقل HTTP قابل للتدفق). لا توجد عملية محلية للتشغيل.
ما الذي يمكنك فعله
يعرّض الخادم 20 أداة عبر سبع فئات:حالات الاستخدام الشائعة
إنشاء شاشات من موجه — استدعcreate-new-design برسالة وصف. ينشئ Flowstep الملف والشاشات في خطوة واحدة. استدع get-screen-image مع المرجع screenIds لرؤية النتيجة مدمجة.
تصور مكون React — احمل ملف .jsx أو .tsx عبر upload-attachment (استخدم mimeType: text/javascript)، ثم مرر المرفق المرجع إلى create-new-design برسالة تصف المكون. يقرأ Flowstep المصدر وينشئ شاشة تصميم مطابقة.
التكرار على التصميم — استدع edit-design مع هدف screenId وتعليمات تعديله، أو regenerate-design لإعادة إنشاء شاشة من الصفر.
الحفاظ على إرشادات التصميم — استدع get-design-guidelines لاسترجاع قواعس النمط الحالية (الألوان والطباعة والمسافة والنبرة)، ثم استخدم update-design-guidelines لإبقاءها متزامنة مع تطور التصميم. يضمن تمرير الإرشادات المتسقة إلى create-new-design أو edit-design أن تبقى كل شاشة تم إنشاؤها على علامتك التجارية. استخدم delete-design-guidelines لإعادة تعيينها بالكامل.
الاستيراد من Figma — استدع import-figma برابط إطار Figma و fileId لإحضار الإطار إلى ملف Flowstep كعناصر قابلة للتحرير. يجب أن تكون مؤسسة الملف متصلة بـ Figma أولاً.
تدقيق الحصة — استدع get-plan-details لرؤية الحد الأقصى المتبقي يومياً وشهرياً قبل بدء دفعة من الأجيال.
نقطة النهاية
الخطوات التالية
البدء السريع
أول استدعاء أداة في أقل من 5 دقائق مع Cursor.
المصادقة
كيفية عمل OAuth 2.1 PKCE وكيفية إصدار الرموز.
الأدوات
مرجع المدخلات/المخرجات الكامل لجميع 20 أداة.
الأمثلة
سير العمل من البداية إلى النهاية للمهام الشائعة.