> ## 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'i Streamable HTTP MCP taşımasını kullanarak OpenAI Codex'e bağlayın.

## Yapılandırma

Sunucuyu Codex CLI ile ekleyin:

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

Veya config dosyasını doğrudan düzenleyin. Genel dosyayı her yerde etkinleştirmek için kullanın veya bunu kapsamlı tutmak için proje dosyasını (yalnızca güvenilir projeler) kullanın.

<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, bir `url` ayarlandığında Streamable HTTP taşımasını otomatik olarak seçer — taşıma alanı gerekmez.

## Kimlik Doğrulama

Çalıştırın:

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

Codex tarayıcınızı `https://api.flowstep.ai/oauth/authorize` adresine açar. Flowstep kimlik bilgilerinizle (e-posta/şifre veya Google SSO) oturum açın. Codex geri çağrıyı yakalar ve tokeni depolar.

<Note>
  Bağlanmadan önce bir Flowstep hesabına ihtiyacınız vardır. [app.flowstep.ai](https://app.flowstep.ai) adresinde bir hesap oluşturun.
</Note>

## Bağlantıyı Doğrulayın

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

Sunucu OAuth durumu ile görünmelidir. Bir Codex oturumu içinde, bağlı sunucuları görmek için `/mcp` yazın ve sonra sorun:

```
List my Flowstep files
```

Araç çağrısı başarılı olursa, bağlantı çalışıyor.

## Kullanım örneği

```
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` adresini çağıracak ve sonucu görüntüleyecektir.