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

> Flowstep'i Streamable HTTP MCP taşımasını kullanarak Windsurf'a bağlayın.

## Yapılandırma

`~/.codeium/windsurf/mcp_config.json` dosyasını düzenleyin:

```json theme={"system"}
{
  "mcpServers": {
    "flowstep": {
      "serverUrl": "https://api.flowstep.ai/mcp"
    }
  }
}
```

Dosyayı kaydettikten sonra Windsurf'u yeniden başlatın.

## Kimlik Doğrulama

İlk kullanımında, Windsurf tarayıcınızı Flowstep OAuth oturum açma sayfasına açar. Flowstep kimlik bilgilerinizle (e-posta/şifre veya Google SSO) oturum açın ve Windsurf token'ı 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

Windsurf'taki MCP panelini açın ve Flowstep'in listelendiğini doğrulayın. Bir Cascade sohbetinde:

```
List my Flowstep files
```

## Kullanım Örneği

```
Create a Flowstep file called "Empty states", then generate a mobile empty-state screen
for a task list app with an illustration placeholder and a call-to-action button.
Show me the rendered result.
```