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

> Forbind Flowstep til OpenAI Codex ved hjælp af Streamable HTTP MCP-transporten.

## Konfiguration

Tilføj serveren med Codex CLI:

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

Eller rediger konfigurationsfilen direkte. Brug den globale fil til at aktivere det overalt, eller projektfilen (kun betroede projekter) til at holde det begrænset.

<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 vælger Streamable HTTP-transporten automatisk, når en `url` er angivet – intet transportfelt er nødvendigt.

## Godkendelse

Kør:

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

Codex åbner din browser til `https://api.flowstep.ai/oauth/authorize`. Log ind med dine Flowstep-legitimationsoplysninger (email/adgangskode eller Google SSO). Codex henter callback og gemmer tokenet.

<Note>
  Du har brug for en Flowstep-konto før du opretter forbindelse. Opret en på [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Bekræft forbindelsen

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

Serveren skal vises med dens OAuth-status. I en Codex-session skal du skrive `/mcp` for at se forbundne servere og derefter spørge:

```
List my Flowstep files
```

Hvis værktøjskaldet lykkes, fungerer forbindelsen.

## Brugeksempel

```
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 kalder `create-new-design` → `get-screen-image` og viser resultatet.