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

> Conectați Flowstep la OpenAI Codex folosind transportul MCP HTTP Streamable.

## Configurare

Adăugați serverul cu CLI-ul Codex:

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

Sau editați fișierul de configurare direct. Utilizați fișierul global pentru a-l activa peste tot, sau fișierul proiectului (doar pentru proiecte de încredere) pentru a-l menține în domeniu.

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

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

Codex alege transportul HTTP Streamable automat când este setat un `url` - nu este necesar niciun câmp de transport.

## Autentificare

Rulați:

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

Codex vă deschide browserul la `https://api.flowstep.ai/oauth/authorize`. Conectați-vă cu acreditările dvs. Flowstep (email/parolă sau Google SSO). Codex capturează callback-ul și stochează tokenul.

<Note>
  Aveți nevoie de un cont Flowstep înainte de a vă conecta. Creați unul la [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Verificați conexiunea

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

Serverul ar trebui să apară cu starea sa OAuth. Într-o sesiune Codex, tastați `/mcp` pentru a vedea serverele conectate, apoi întrebați:

```
List my Flowstep files
```

Dacă apelul tool-ului reușește, conexiunea funcționează.

## Exemplu de utilizare

```
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 va apela `create-new-design` → `get-screen-image` și va afișa rezultatul.
