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

> Verbind Flowstep met Cursor met behulp van het Streamable HTTP MCP-transport.

## Configuratie

Voeg de server toe aan je MCP-configuratie. Cursor zoekt hier op twee locaties — gebruik het globale bestand om het in alle projecten in te schakelen, of het projectbestand om het beperkt te houden.

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

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

Start Cursor opnieuw op na het opslaan van het bestand.

## Authenticatie

Open **Settings → MCP** en klik op **Connect** naast Flowstep. Cursor opent je browser naar `https://api.flowstep.ai/oauth/authorize`. Meld je aan met je Flowstep-referenties (e-mailadres/wachtwoord of Google SSO). Cursor vangt de callback automatisch op en slaat het token op.

<Note>
  Je hebt een Flowstep-account nodig voordat je verbinding maakt. Maak er een aan op [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Verbinding verifiëren

Typ in een Cursor-chat:

```
List my Flowstep files
```

Als de tool-aanroep succesvol is, werkt de verbinding.

## Gebruiksvoorbeeld

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

Cursor roept `create-file` → `ai-prompt` → `get-screen-image` achtereenvolgens aan.