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

> Підключіть Flowstep до OpenAI Codex, використовуючи транспорт Streamable HTTP MCP.

## Конфігурація

Додайте сервер за допомогою CLI Codex:

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

Або відредагуйте файл конфігурації напряму. Використовуйте глобальний файл, щоб увімкнути його повсюдно, або файл проекту (лише для довірених проектів), щоб залишити його обмеженим.

<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 автоматично вибирає транспорт Streamable HTTP, коли встановлено `url` — поле transport не потрібно.

## Аутентифікація

Запустіть:

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

Codex відкриває ваш браузер до `https://api.flowstep.ai/oauth/authorize`. Увійдіть зі своїми обліковими даними Flowstep (email/пароль або Google SSO). Codex захоплює зворотний виклик і зберігає токен.

<Note>
  Вам потрібен обліковий запис Flowstep перед підключенням. Створіть його на [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Перевірте з'єднання

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

Сервер має з'явитися зі статусом OAuth. Всередину сеансу Codex введіть `/mcp`, щоб переглянути підключені сервери, потім запитайте:

```
List my Flowstep files
```

Якщо виклик інструменту успішний, з'єднання працює.

## Приклад використання

```
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 буде викликати `create-new-design` → `get-screen-image` і відображатиме результат.