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

> Koble Flowstep til OpenAI Codex ved å bruke Streamable HTTP MCP-transporten.

## Konfigurasjon

Legg til serveren med Codex CLI:

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

Eller rediger konfigurasjonsfilen direkte. Bruk den globale filen for å aktivere den overalt, eller prosjektfilen (kun tiltrodde prosjekter) for å holde den begrenset.

<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 velger Streamable HTTP-transporten automatisk når en `url` er angitt — ingen transportfelt er nødvendig.

## Autentisering

Kjør:

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

Codex åpner nettleseren din til `https://api.flowstep.ai/oauth/authorize`. Logg inn med dine Flowstep-legitimasjoner (e-post/passord eller Google SSO). Codex fanger opp tilbakekallet og lagrer tokenet.

<Note>
  Du trenger en Flowstep-konto før du kobler til. Opprett en på [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Verifiser forbindelsen

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

Serveren skal vises med sin OAuth-status. Inne i en Codex-økt skriver du `/mcp` for å se tilkoblede servere, deretter spør:

```
List my Flowstep files
```

Hvis verktøykallet lykkes, fungerer forbindelsen.

## Brukseksempel

```
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 vil kalle `create-new-design` → `get-screen-image` og vise resultatet.