> ## 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 القابل للبث.

## الإعدادات

عدّل `~/.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>

## التحقق من الاتصال

افتح لوحة MCP في Windsurf وتأكد من أن Flowstep مدرج. في محادثة Cascade:

```
اعرض ملفات Flowstep الخاصة بي
```

## مثال الاستخدام

```
أنشئ ملف Flowstep يسمى "Empty states"، ثم أنشئ شاشة empty-state محمولة لتطبيق قائمة المهام مع عنصر نائب للرسوم التوضيحية وزر دعوة للعمل. أظهر لي النتيجة المعروضة.
```