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

> Anslut Flowstep till OpenAI Codex med hjälp av Streamable HTTP MCP-transporten.

## Konfiguration

Lägg till servern med Codex CLI:

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

Eller redigera konfigurationsfilen direkt. Använd den globala filen för att aktivera den överallt, eller projektfilen (endast betrodda projekt) för att hålla den begränsad.

<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äljer Streamable HTTP-transporten automatiskt när en `url` är inställd — inget transportfält behövs.

## Autentisering

Kör:

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

Codex öppnar din webbläsare till `https://api.flowstep.ai/oauth/authorize`. Logga in med dina Flowstep-autentiseringsuppgifter (e-post/lösenord eller Google SSO). Codex fångar upp återanropet och lagrar token.

<Note>
  Du behöver ett Flowstep-konto innan du ansluter. Skapa ett på [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Verifiera anslutningen

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

Servern bör visas med sin OAuth-status. Inuti en Codex-session skriver du `/mcp` för att se anslutna servrar och frågar sedan:

```
List my Flowstep files
```

Om verktygsanropet lyckas fungerar anslutningen.

## Användningsexempel

```
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 anropar `create-new-design` → `get-screen-image` och visar resultatet.