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

> Csatlakoztassa a Flowstep-et a Windsurfhoz a Streamable HTTP MCP átvitel segítségével.

## Beállítás

Szerkessze a `~/.codeium/windsurf/mcp_config.json` fájlt:

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

A mentés után indítsa újra a Windsurf alkalmazást.

## Hitelesítés

Első használatkor a Windsurf megnyitja a böngészőt a Flowstep OAuth bejelentkezési oldalára. Jelentkezzen be Flowstep hitelesítési adataival (e-mail/jelszó vagy Google SSO), majd a Windsurf tárolja a tokent.

<Note>
  A csatlakozás előtt Flowstep fiókra van szüksége. Hozzon létre egyet az [app.flowstep.ai](https://app.flowstep.ai) oldalon.
</Note>

## Az összeköttetés ellenőrzése

Nyissa meg az MCP panelt a Windsurfban, és erősítse meg, hogy a Flowstep fel van sorolva. Egy Cascade csevegésben:

```
List my Flowstep files
```

## Használati példa

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