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

> Yhdistä Flowstep kohteeseen OpenAI Codex käyttämällä Streamable HTTP MCP -kuljetusta.

## Konfiguraatio

Lisää palvelin Codex CLI:lla:

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

Tai muokkaa konfiguraatiotiedostoa suoraan. Käytä globaalia tiedostoa ottaaksesi sen käyttöön kaikkialla tai projektin tiedostoa (vain luotetut projektit) pitääksesi sen rajatuksi.

<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 valitsee Streamable HTTP -kuljetuksen automaattisesti kun `url` on asetettu — transport-kenttää ei tarvita.

## Todentaminen

Suorita:

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

Codex avaa selaimen osoitteeseen `https://api.flowstep.ai/oauth/authorize`. Kirjaudu Flowstep-tunnuksillasi (sähköposti/salasana tai Google SSO). Codex kaappaa palautuksen ja tallentaa tunnuksen.

<Note>
  Tarvitset Flowstep-tilin ennen yhdistämistä. Luo sellainen osoitteessa [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Yhteyden varmentaminen

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

Palvelin pitäisi näkyä sen OAuth-tilansa kanssa. Codex-istunnon sisällä kirjoita `/mcp` nähdäksesi yhdistetyt palvelimet, sitten kysy:

```
List my Flowstep files
```

Jos työkalun kutsu onnistuu, yhteys toimii.

## Käyttöesimerkki

```
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 kutsuu `create-new-design` → `get-screen-image` ja näyttää tuloksen.