Flowstep MCP — Claude Code

הגדרה

הוסיפו את השרת עם ה-CLI של Claude Code:

claude mcp add --transport http flowstep https://api.flowstep.ai/mcp

כדי לשתף את השרת עם כל מי שעובד במאגר, הוסיפו אותו ל-.mcp.json בשורש הפרויקט במקום זאת, ובצעו commit לקובץ:

{
  "mcpServers": {
    "flowstep": {
      "type": "http",
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

השדה "type": "http" נדרש עבור שרתי HTTP של Claude Code.

אימות

Claude Code מטפל בתהליך OAuth 2.1 PKCE אוטומטית בפעם הראשונה שהוא קורא לכלי של Flowstep. הדפדפן שלכם ייפתח לדף הכניסה של Flowstep. היכנסו עם פרטי ההתחברות שלכם ל-Flowstep (דוא״ל/סיסמה או Google), לחצו על Allow במסך ההסכמה, וה-CLI יקלוט את ה-callback. אין מפתח API ליצור או לסובב.

צריך חשבון Flowstep לפני האימות. צרו אחד ב-app.flowstep.ai.

אימות החיבור

הקלידו /mcp בסשן של Claude Code. Flowstep אמור להופיע כמחובר, עם הכלים שלו זמינים. ואז שאלו:

List my Flowstep files

דוגמה לשימוש

Generate a desktop settings screen in Flowstep for a developer tool, with sections
for API keys, notifications, and team members. Show me the rendered image when done.

Claude Code קורא ל-ai-design-screens → get-screen-image ומציג את הרינדור בשורה. מאחר ש-Claude Code כבר פתוח עם המאגר שלכם, אפשר להמשיך עם “עכשיו בנו את המסך הזה באפליקציה שלנו” — הוא יכול לקרוא את העיצוב עם get-screen-jsx וליישם אותו עם הרכיבים שלכם.

תחילת העבודה

שימוש ב-Flowstep

צוותים וארגונים

ייצוא ואינטגרציות

שרת MCP

חיוב ותוכניות

אבטחה ופרטיות

Flowstep MCP — Claude Code

הגדרה

אימות

אימות החיבור

דוגמה לשימוש

​הגדרה

​אימות

​אימות החיבור

​דוגמה לשימוש

הגדרה

אימות

אימות החיבור

דוגמה לשימוש