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

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

## Configuratie

Bewerk `~/.codeium/windsurf/mcp_config.json`:

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

Start Windsurf opnieuw op na het opslaan.

## Authenticatie

Bij eerste gebruik opent Windsurf je browser naar de Flowstep OAuth-aanmeldingspagina. Meld je aan met je Flowstep-referenties (e-mailadres/wachtwoord of Google SSO) en Windsurf 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

Open het MCP-paneel in Windsurf en bevestig dat Flowstep is vermeld. Typ in een Cascade-chat:

```
List my Flowstep files
```

## Gebruiksvoorbeeld

```
Create a Flowstep file called "Empty states", then generate a mobile empty-state screen
for a task list app with an illustration placeholder and a call-to-action button.
Show me the rendered result.
```