> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Flowstep MCP — Cursor

> اتصل بـ Flowstep بـ Cursor باستخدام نقل HTTP MCP القابل للبث.

## التكوين

أضف الخادم إلى تكوين MCP الخاص بك. يبحث Cursor عن هذا في موقعين — استخدم الملف العام لتفعيله في جميع المشاريع، أو ملف المشروع للحفاظ على نطاقه.

<Tabs>
  <Tab title="العام (~/.cursor/mcp.json)">
    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```
  </Tab>

  <Tab title="المشروع (.cursor/mcp.json)">
    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```
  </Tab>
</Tabs>

أعد تشغيل Cursor بعد حفظ الملف.

## المصادقة

افتح **الإعدادات → MCP** وانقر على **الاتصال** بجانب Flowstep. يفتح Cursor متصفحك إلى `https://api.flowstep.ai/oauth/authorize`. سجّل الدخول ببيانات اعتمادك في Flowstep (البريد الإلكتروني/كلمة المرور أو Google SSO). يقوم Cursor بالتقاط رد الاتصال تلقائياً وتخزين الرمز.

<Note>
  تحتاج إلى حساب Flowstep قبل الاتصال. أنشئ واحداً على [app.flowstep.ai](https://app.flowstep.ai).
</Note>

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

في محادثة Cursor، اكتب:

```
List my Flowstep files
```

إذا نجح استدعاء الأداة، فإن الاتصال يعمل.

## مثال الاستخدام

```
Create a Flowstep file called "Onboarding", generate a mobile sign-up screen
with name, email, and password fields, then show me the image.
```

سيستدعي Cursor `create-file` → `ai-prompt` → `get-screen-image` على التوالي.