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

> Csatlakoztassa a Flowstep-et az OpenAI Codex-hez a Streamable HTTP MCP szállítás segítségével.

## Konfigurálás

Adja hozzá a szervert a Codex CLI-vel:

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

Vagy szerkessze közvetlenül a konfigurációs fájlt. Használja a globális fájlt az engedélyezéshez mindenhol, vagy a projektfájlt (csak megbízható projektek) a hatókör megtartásához.

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

A Codex automatikusan kiválasztja a Streamable HTTP szállítást, ha a `url` be van állítva — nincs szükség a szállítási mezőre.

## Hitelesítés

Futtassa:

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

A Codex megnyitja a böngészőjét a `https://api.flowstep.ai/oauth/authorize` oldalnál. Jelentkezzen be Flowstep hitelesítő adataival (e-mail/jelszó vagy Google SSO). A Codex rögzíti a visszahívást és tárja az tokent.

<Note>
  Flowstep fiók szükséges a csatlakozás előtt. Hozzon létre egyet az alábbi helyen: [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## A csatlakozás ellenőrzése

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

A szerver megjelenjen az OAuth státuszával. Egy Codex munkamenetben írja be a `/mcp` parancsot a csatlakoztatott szerverek megtekintéséhez, majd kérdezzen:

```
List my Flowstep files
```

Ha az eszköznek a hívása sikeres, a csatlakozás működik.

## Felhasználási példa

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

A Codex meghívja az `create-new-design` → `get-screen-image` parancsot és megjeleníti az eredményt.