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

> Flowstep csatlakoztatása a Windsurfhöz a Streamable HTTP MCP-átvitel használatával.

## Konfiguráció

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

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

Mentés után indítsd újra a Windsurfot.

## Hitelesítés

Az első használatkor a Windsurf megnyitja a böngésződet a Flowstep OAuth-bejelentkezési oldalán. Jelentkezz be a Flowstep-azonosítóiddal (e-mail/jelszó vagy Google SSO), kattints az **Allow** gombra a hozzájárulási képernyőn, a Windsurf pedig eltárolja a tokent.

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

## A kapcsolat ellenőrzése

Nyisd meg az MCP-panelt a Windsurfban, és ellenőrizd, hogy a Flowstep szerepel-e a listában. 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.
```

A Cascade a `create-file` → `ai-generate-screens` → `get-screen-image` sorrendben hívja meg az eszközöket.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.