> ## 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 — Claude Code

> Připojte Flowstep k Claude Code (CLI) pomocí přenosu Streamable HTTP MCP.

## Konfigurace

Přidejte server pomocí CLI Claude Code:

```bash theme={"system"}
claude mcp add --transport http flowstep https://api.flowstep.ai/mcp
```

Chcete-li server sdílet se všemi, kdo pracují v repozitáři, přidejte jej místo toho do `.mcp.json` v kořenu projektu a soubor commitněte:

```json theme={"system"}
{
  "mcpServers": {
    "flowstep": {
      "type": "http",
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}
```

<Note>
  Pole `"type": "http"` je u serverů HTTP v Claude Code povinné.
</Note>

## Ověřování

Claude Code zpracuje tok OAuth 2.1 PKCE automaticky při prvním volání nástroje Flowstep. Váš prohlížeč se otevře na přihlašovací stránku Flowstepu. Přihlaste se pomocí přihlašovacích údajů Flowstep (e-mail a heslo, nebo Google), na obrazovce se souhlasem klikněte na **Allow** a CLI zachytí callback. Nic nevytváříte ani neměníte, protože API klíč neexistuje.

<Note>
  Před ověřením potřebujete účet Flowstep. Vytvořte si jej na [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Ověření připojení

Zadejte `/mcp` v relaci Claude Code. Flowstep by měl být uveden jako připojený a jeho nástroje dostupné. Poté se zeptejte:

```
List my Flowstep files
```

## Příklad použití

```
Generate a desktop settings screen in Flowstep for a developer tool, with sections
for API keys, notifications, and team members. Show me the rendered image when done.
```

Claude Code zavolá `ai-generate-screens` → `get-screen-image` a vykreslený výsledek zobrazí přímo v konverzaci. Protože Claude Code už má váš repozitář otevřený, můžete navázat dotazem „Now build this screen in our app“ (Teď tuto obrazovku sestav v naší aplikaci). Nástroj přečte návrh pomocí `get-screen-jsx` a implementuje jej s vašimi komponentami.


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