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

> Streamable HTTP MCP ट्रांसपोर्ट का उपयोग करके Flowstep को Windsurf से कनेक्ट करें।

## कॉन्फ़िगरेशन

`~/.codeium/windsurf/mcp_config.json` को संपादित करें:

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

फ़ाइल सहेजने के बाद Windsurf को पुनः शुरू करें।

## प्रमाणीकरण

पहली बार उपयोग करने पर, Windsurf आपके ब्राउज़र को Flowstep OAuth लॉगिन पेज पर खोलता है। अपने Flowstep क्रेडेंशियल्स (ईमेल/पासवर्ड या Google SSO) के साथ साइन इन करें और Windsurf टोकन को स्टोर करता है।

<Note>
  कनेक्ट करने से पहले आपको एक Flowstep खाता होना आवश्यक है। [app.flowstep.ai](https://app.flowstep.ai) पर एक बनाएं।
</Note>

## कनेक्शन सत्यापित करें

Windsurf में MCP पैनल खोलें और पुष्टि करें कि Flowstep सूचीबद्ध है। एक Cascade चैट में:

```
List my Flowstep files
```

## उपयोग उदाहरण

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