> ## 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.

# התחלה מהירה ב-MCP

> חבר את Flowstep לעורך ה-AI שלך והפעל את קריאת הכלי הראשונה שלך.

## דרישות מקדימות

* חשבון Flowstep ([app.flowstep.ai](https://app.flowstep.ai))

<Tabs>
  <Tab title="Cursor">
    **דורש Cursor v0.43+**

    ## שלב 1 — הוסף את השרת

    צור או ערוך `~/.cursor/mcp.json` (גלובלי) או `.cursor/mcp.json` בשורש הפרויקט שלך:

    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```

    הפעל מחדש את Cursor לאחר שמירה.

    ## שלב 2 — אימות

    פתח את לוח MCP של Cursor (Settings → MCP) ולחץ על **Connect** ליד Flowstep. Cursor פותח את הדפדפן שלך לכניסה OAuth של Flowstep. היכנס עם פרטי הכניסה של Flowstep שלך (דוא"ל/סיסמה או Google). הדפדפן מעביר חזרה ו-Cursor שומר את האסימון באופן אוטומטי.

    <Note>
      אתה צריך חשבון Flowstep לפני אימות. אם אין לך אחד, הירשם בכתובת [app.flowstep.ai](https://app.flowstep.ai) תחילה.
    </Note>

    ## שלב 3 — הפעל קריאת כלי

    בצ'אט של Cursor, שאל:

    > "List my Flowstep files"

    Cursor קורא ל-`list-files` והוא מחזיר את רשימת הקבצים שלך. אם התגובה ריקה, צור קובץ תחילה:

    > "Create a new Flowstep file called 'Dashboard'"

    ## שלב 4 — ייצור מסך

    ```
    Create a new Flowstep file called "Login flow", then generate a mobile login screen
    for a SaaS app with email/password fields and a Google sign-in button.
    After it finishes, show me the image.
    ```

    Cursor קורא ל-`create-new-design` (שיוצר את הקובץ והמסכים בשלב אחד), ואז ל-`get-screen-image`. אתה תראה את העיצוב המעוצב בשורה בצ'אט.
  </Tab>

  <Tab title="Claude Code">
    **דורש Claude Code CLI**

    ## שלב 1 — הוסף את השרת

    צור `.mcp.json` בשורש הפרויקט שלך (בסכום פרויקט) או `~/.claude/mcp.json` (גלובלי):

    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "type": "http",
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```

    <Note>
      השדה `"type": "http"` הוא חובה לשרתי HTTP של Claude Code. Cursor לא צריך אותו.
    </Note>

    ## שלב 2 — אימות

    הפעל כל כלי Flowstep מצ'אט של Claude Code. בשימוש הראשון, Claude Code פותח את הדפדפן שלך לכניסה OAuth של Flowstep. היכנס עם פרטי הכניסה של Flowstep שלך (דוא"ל/סיסמה או Google). הדפדפן מעביר חזרה והאסימון נשמר באופן אוטומטי.

    <Note>
      אתה צריך חשבון Flowstep לפני אימות. אם אין לך אחד, הירשם בכתובת [app.flowstep.ai](https://app.flowstep.ai) תחילה.
    </Note>

    ## שלב 3 — הפעל קריאת כלי

    בצ'אט של Claude Code, שאל:

    > "List my Flowstep files"

    Claude Code קורא ל-`list-files` והוא מחזיר את רשימת הקבצים שלך. אם התגובה ריקה, צור קובץ תחילה:

    > "Create a new Flowstep file called 'Dashboard'"

    ## שלב 4 — ייצור מסך

    ```
    Create a new Flowstep file called "Login flow", then generate a mobile login screen
    for a SaaS app with email/password fields and a Google sign-in button.
    After it finishes, show me the image.
    ```

    Claude Code קורא ל-`create-new-design` (שיוצר את הקובץ והמסכים בשלב אחד), ואז ל-`get-screen-image`. אתה תראה את העיצוב המעוצב בשורה בצ'אט.
  </Tab>
</Tabs>

## הצעדים הבאים

* [הפניית כלים](/he/mcp/tools) — מסמכי קלט/פלט מלאים לכל 20 הכלים
* [דוגמאות](/he/mcp/examples) — זרימות עבודה רב-שלבות
* [לקוחות אחרים](/he/mcp/clients/claude-code) — Windsurf, Claude Desktop, claude.ai