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

> Připojte Flowstep na OpenAI Codex pomocí přenosu Streamable HTTP MCP.

## Konfigurace

Přidejte server pomocí Codex CLI:

```bash theme={"system"}
codex mcp add flowstep --url https://api.flowstep.ai/mcp
```

Nebo upravte konfigurační soubor přímo. Použijte globální soubor, abyste jej povolili všude, nebo soubor projektu (pouze důvěryhodné projekty), aby zůstal omezený na projekt.

<Tabs>
  <Tab title="Global (~/.codex/config.toml)">
    ```toml theme={"system"}
    [mcp_servers.flowstep]
    url = "https://api.flowstep.ai/mcp"
    ```
  </Tab>

  <Tab title="Project (.codex/config.toml)">
    ```toml theme={"system"}
    [mcp_servers.flowstep]
    url = "https://api.flowstep.ai/mcp"
    ```
  </Tab>
</Tabs>

Codex si automaticky vybere přenos Streamable HTTP, když je nastavena `url` — není potřeba pole transport.

## Ověření

Spusťte:

```bash theme={"system"}
codex mcp login flowstep
```

Codex otevře váš prohlížeč na `https://api.flowstep.ai/oauth/authorize`. Přihlaste se pomocí vašich přihlašovacích údajů Flowstep (email/heslo nebo Google SSO). Codex zachytí callback a uloží token.

<Note>
  Abyste se mohli připojit, potřebujete účet Flowstep. Vytvořte si jej na [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Ověřte připojení

```bash theme={"system"}
codex mcp list
```

Server by se měl objevit se svým stavem OAuth. V rámci relace Codex zadejte `/mcp`, abyste viděli připojené servery, a pak se zeptejte:

```
List my Flowstep files
```

Pokud je volání nástroje úspěšné, připojení funguje.

## Příklad použití

```
Create a Flowstep file called "Checkout flow", generate a mobile payment screen
with a card form and an order summary, then show me the rendered image.
```

Codex bude volat `create-new-design` → `get-screen-image` a zobrazí výsledek.