> ## 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'ni OpenAI Codex bilan Streamable HTTP MCP transporti orqali ulang.

## Konfiguratsiya

Codex CLI bilan serverini qo'shing:

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

Yoki konfiguratsiya faylini to'g'ridan-to'g'ri tahrirlang. Uni hamma yerda faollashtirish uchun global fayldan foydalaning yoki uni chegaralangan holda saqlash uchun loyiha faylidan (faqat ishonchli loyihalar) foydalaning.

<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 `url` o'rnatilganda avtomatik ravishda Streamable HTTP transportini tanlaydi — transport maydoni kerak emas.

## Autentifikatsiya

Ishga tushiring:

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

Codex brauzeringizni `https://api.flowstep.ai/oauth/authorize` saytiga ochadi. Flowstep hisob ma'lumotlaringiz (email/parol yoki Google SSO) bilan kirish. Codex callback'ni oladi va tokenni saqlaydi.

<Note>
  Ulanishdan oldin Flowstep akkauntiga ega bo'lishingiz kerak. [app.flowstep.ai](https://app.flowstep.ai) saytida yarating.
</Note>

## Ulanishni tekshiring

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

Server OAuth statusi bilan ko'rinishi kerak. Codex sessiyasi ichida bog'langan serverlarni ko'rish uchun `/mcp` kiriting, keyin so'rasin:

```
List my Flowstep files
```

Agar vosita chaqiruvi muvaffaq bo'lsa, ulanish ishlayapti.

## Foydalanish misoli

```
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` chaqiradı va natijani ko'rsatadi.