> ## 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 ל-Windsurf באמצעות טרנספורט HTTP MCP ניתן להזרמה.

## Configuration

ערוך את `~/.codeium/windsurf/mcp_config.json`:

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

הפעל מחדש את Windsurf לאחר שמירה.

## Authentication

בשימוש ראשון, Windsurf פותח את הדפדפן שלך לדף ההתחברות ל-OAuth של Flowstep. התחבר עם אישורי Flowstep שלך (דוא"ל/סיסמה או Google SSO) וWindsurf מאחסן את הטוקן.

<Note>
  אתה צריך חשבון Flowstep לפני החיבור. צור אחד ב-[app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Verify the connection

פתח את לוח ה-MCP ב-Windsurf וודא ש-Flowstep רשום. בצ'אט Cascade:

```
List my Flowstep files
```

## Usage example

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