> ## 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 — claude.ai

> Flowstep'i özel MCP bağlayıcısını kullanarak claude.ai'ye bağlayın.

Claude.ai, Integrations paneli aracılığıyla özel MCP bağlayıcılarını destekler.

## Bağlayıcıyı Ekleyin

<Steps>
  <Step title="Integrations'ı Açın">
    **claude.ai → Settings → Integrations** seçeneğine gidin.
  </Step>

  <Step title="Özel bağlayıcı ekleyin">
    **Add More** (veya **Custom Connector**) düğmesine tıklayın ve şunu girin:

    ```
    https://api.flowstep.ai/mcp
    ```
  </Step>

  <Step title="Kimlik doğrulama">
    Claude.ai tarayıcınızı `https://api.flowstep.ai/oauth/authorize` adresine yönlendirir. Flowstep hesabınızla (e-posta/şifre veya Google SSO) oturum açın. Sayfa otomatik olarak claude.ai'ye yeniden yönlendirilir.
  </Step>

  <Step title="Bağlayıcıyı Etkinleştirin">
    Integrations'a dönün ve Flowstep bağlayıcısının bağlı olarak gösterildiğini doğrulayın. Kullanmak istediğiniz konuşmalarda bunu açın.
  </Step>
</Steps>

<Note>
  Kimlik doğrulaması yapmak için mevcut bir Flowstep hesabına ihtiyacınız vardır. Hesabınız yoksa, önce [app.flowstep.ai](https://app.flowstep.ai) adresinde oluşturun, ardından bağlayıcı kurulumunu tamamlamak için buraya dönün.
</Note>

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

Flowstep bağlayıcısı etkinken bir claude.ai konuşmasında:

```
List my Flowstep files
```

## Kullanım

Bağlandıktan sonra, doğal dilde ne istediğinizi açıklayın:

```
Create a Flowstep file called "Checkout flow" and generate a three-step checkout screen
for an e-commerce app: cart review, address entry, and payment. Show me each screen.
```

Claude, Flowstep araçlarını sırayla çağıracak ve işlenen görüntüleri satır içinde görüntüleyecektir.