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

# Ghid rapid MCP

> Conectează Flowstep la editorul tău AI și rulează apelul tău de instrument.

## Condiții prealabile

* Un cont Flowstep ([app.flowstep.ai](https://app.flowstep.ai))

<Tabs>
  <Tab title="Cursor">
    **Necesită Cursor v0.43+**

    ## Pasul 1 — Adaugă serverul

    Creează sau editează `~/.cursor/mcp.json` (global) sau `.cursor/mcp.json` în rădăcina proiectului tău:

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

    Repornește Cursor după salvare.

    ## Pasul 2 — Autentifică-te

    Deschide panoul MCP Cursor (Settings → MCP) și fă clic pe **Connect** lângă Flowstep. Cursor deschide browserul tău la pagina de autentificare OAuth Flowstep. Conectează-te cu acreditările tale Flowstep (email/password sau Google). Browserul redirecționează înapoi și Cursor stochează tokenul automat.

    <Note>
      Ai nevoie de un cont Flowstep înainte de a te autentifica. Dacă nu ai unul, înregistrează-te la [app.flowstep.ai](https://app.flowstep.ai) mai întâi.
    </Note>

    ## Pasul 3 — Rulează un apel de instrument

    Într-o discuție Cursor, întreabă:

    > "List my Flowstep files"

    Cursor apelează `list-files` și returnează lista ta de fișiere. Dacă răspunsul este gol, creează mai întâi un fișier:

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

    ## Pasul 4 — Generează un ecran

    ```
    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 apelează `create-new-design` (care creează fișierul și generează ecranele într-un singur pas), apoi `get-screen-image`. Vei vedea designul randat inline în discuție.
  </Tab>

  <Tab title="Claude Code">
    **Necesită CLI Claude Code**

    ## Pasul 1 — Adaugă serverul

    Creează `.mcp.json` în rădăcina proiectului tău (limitat la proiect) sau `~/.claude/mcp.json` (global):

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

    <Note>
      Câmpul `"type": "http"` este necesar pentru serverele HTTP Claude Code. Cursor nu are nevoie de el.
    </Note>

    ## Pasul 2 — Autentifică-te

    Rulează orice instrument Flowstep dintr-o discuție Claude Code. La prima utilizare, Claude Code deschide browserul tău la pagina de autentificare OAuth Flowstep. Conectează-te cu acreditările tale Flowstep (email/password sau Google). Browserul redirecționează înapoi și tokenul este stocat automat.

    <Note>
      Ai nevoie de un cont Flowstep înainte de a te autentifica. Dacă nu ai unul, înregistrează-te la [app.flowstep.ai](https://app.flowstep.ai) mai întâi.
    </Note>

    ## Pasul 3 — Rulează un apel de instrument

    Într-o discuție Claude Code, întreabă:

    > "List my Flowstep files"

    Claude Code apelează `list-files` și returnează lista ta de fișiere. Dacă răspunsul este gol, creează mai întâi un fișier:

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

    ## Pasul 4 — Generează un ecran

    ```
    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 apelează `create-new-design` (care creează fișierul și generează ecranele într-un singur pas), apoi `get-screen-image`. Vei vedea designul randat inline în discuție.
  </Tab>
</Tabs>

## Pași următori

* [Referință instrumente](/ro/mcp/tools) — documente input/output complete pentru toate 20 de instrumente
* [Exemple](/ro/mcp/examples) — fluxuri de lucru cu mai mulți pași
* [Alți clienți](/ro/mcp/clients/claude-code) — Windsurf, Claude Desktop, claude.ai
