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

> Collega Flowstep a Cursor utilizzando il trasporto HTTP MCP Streamable.

## Configurazione

Aggiungi il server alla tua configurazione MCP. Cursor cerca questo file in due posizioni: usa il file globale per abilitarlo in tutti i progetti o il file del progetto per mantenerlo limitato.

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

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

Riavvia Cursor dopo aver salvato il file.

## Autenticazione

Apri **Settings → MCP** e fai clic su **Connect** accanto a Flowstep. Cursor apre il tuo browser su `https://api.flowstep.ai/oauth/authorize`. Accedi con le tue credenziali di Flowstep (email/password o Google SSO). Cursor acquisisce il callback automaticamente e memorizza il token.

<Note>
  Hai bisogno di un account Flowstep prima di connetterti. Creane uno su [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Verifica la connessione

In una chat di Cursor, digita:

```
List my Flowstep files
```

Se la chiamata dello strumento ha successo, la connessione è funzionante.

## Esempio di utilizzo

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

Cursor chiamerà `create-file` → `ai-prompt` → `get-screen-image` in sequenza.