> ## 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'ni Windsurf'ga Streamable HTTP MCP transport orqali ulang.

## Konfiguratsiya

Edit `~/.codeium/windsurf/mcp_config.json`:

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

Saqlangandan so'ng Windsurf'ni qayta ishga tushiring.

## Autentifikatsiya

Windsurf'ni birinchi marta ishlatishda, u brauzeringizni Flowstep OAuth kirish sahifasiga ochadi. Flowstep hisob ma'lumotlaringiz (email/parol yoki Google SSO) bilan kiring, Windsurf esa tokenni saqlaydi.

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

## Ulanishni tasdiqlash

Windsurf'dagi MCP panelini oching va Flowstep ro'yxatda mavjudligini tasdiqlang. Cascade chat'ida:

```
List my Flowstep files
```

## Foydalanish misoli

```
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.
```