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

> Connectez Flowstep à OpenAI Codex en utilisant le transport MCP HTTP Streamable.

## Configuration

Ajoutez le serveur avec la CLI Codex :

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

Ou éditez le fichier de configuration directement. Utilisez le fichier global pour l'activer partout, ou le fichier du projet (projets de confiance uniquement) pour le garder limité.

<Tabs>
  <Tab title="Global (~/.codex/config.toml)">
    ```toml theme={"system"}
    [mcp_servers.flowstep]
    url = "https://api.flowstep.ai/mcp"
    ```
  </Tab>

  <Tab title="Projet (.codex/config.toml)">
    ```toml theme={"system"}
    [mcp_servers.flowstep]
    url = "https://api.flowstep.ai/mcp"
    ```
  </Tab>
</Tabs>

Codex choisit automatiquement le transport HTTP Streamable lorsqu'une `url` est définie — aucun champ de transport n'est nécessaire.

## Authentification

Exécutez :

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

Codex ouvre votre navigateur sur `https://api.flowstep.ai/oauth/authorize`. Connectez-vous avec vos identifiants Flowstep (email/mot de passe ou Google SSO). Codex capture le rappel et stocke le jeton.

<Note>
  Vous avez besoin d'un compte Flowstep avant de vous connecter. Créez-en un sur [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Vérifiez la connexion

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

Le serveur devrait apparaître avec son statut OAuth. Dans une session Codex, tapez `/mcp` pour voir les serveurs connectés, puis demandez :

```
List my Flowstep files
```

Si l'appel de l'outil réussit, la connexion fonctionne.

## Exemple d'utilisation

```
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 appellera `create-new-design` → `get-screen-image` et affichera le résultat.