> ## 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 — claude.ai

> وصّل Flowstep إلى claude.ai باستخدام موصّل MCP مخصص.

يدعم claude.ai موصّلات MCP مخصصة عبر لوحة التكامل.

## إضافة الموصّل

<Steps>
  <Step title="فتح التكامل">
    اذهب إلى **claude.ai → Settings → Integrations**.
  </Step>

  <Step title="إضافة موصّل مخصص">
    انقر على **Add More** (أو **Custom Connector**)، ثم أدخل:

    ```
    https://api.flowstep.ai/mcp
    ```
  </Step>

  <Step title="المصادقة">
    سيعيد claude.ai توجيه متصفحك إلى `https://api.flowstep.ai/oauth/authorize`. سجّل الدخول باستخدام حسابك في Flowstep (البريد الإلكتروني/كلمة المرور أو Google SSO). ستعيد الصفحة التوجيه تلقائياً إلى claude.ai.
  </Step>

  <Step title="تفعيل الموصّل">
    عُد إلى التكامل، وتأكد من أن موصّل Flowstep يظهر كمتصل. فعّله للمحادثات التي تريد استخدامه فيها.
  </Step>
</Steps>

<Note>
  تحتاج إلى حساب Flowstep موجود للمصادقة. إذا لم يكن لديك حساب، أنشئه في [app.flowstep.ai](https://app.flowstep.ai) أولاً، ثم عُد هنا لإنهاء إعداد الموصّل.
</Note>

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

في محادثة claude.ai مع تفعيل موصّل Flowstep:

```
List my Flowstep files
```

## الاستخدام

بمجرد الاتصال، صف ما تريد باللغة الطبيعية:

```
Create a Flowstep file called "Checkout flow" and generate a three-step checkout screen
for an e-commerce app: cart review, address entry, and payment. Show me each screen.
```

سيستدعي Claude أدوات Flowstep بالتسلسل ويعرض الصور المعاد تصييرها في السطر.