התחלה מהירה ב-MCP

דרישות מוקדמות

חשבון Flowstep (app.flowstep.ai)

משתמשים ב-Claude ב-claude.ai או ב-Claude Desktop? Flowstep הוא מחבר רשום בספריית Claude — הוסיפו אותו בלחיצה אחת מ-claude.ai/directory/flowstep. ראו claude.ai.

Cursor
Claude Code

דורש Cursor v0.43+

שלב 1 — הוספת השרת

לחצו על Add Flowstep to Cursor כדי להתקין אותו בלחיצה אחת, או צרו או ערכו את ~/.cursor/mcp.json (גלובלי) או את .cursor/mcp.json בשורש הפרויקט שלכם:

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

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

שלב 2 — אימות

פתחו את חלונית MCP של Cursor (Settings → MCP) ולחצו על Connect לצד Flowstep. Cursor פותח את הדפדפן שלכם לדף הכניסה של Flowstep. היכנסו עם פרטי ההתחברות שלכם ל-Flowstep (דוא״ל/סיסמה או Google), ואז לחצו על Allow במסך ההסכמה. הדפדפן מפנה חזרה, וCursor שומר את הטוקן אוטומטית.

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

שלב 3 — הרצת קריאת כלי

בצ’אט של Cursor, שאלו:

“הציגו את קבצי Flowstep שלי”

Cursor קורא ל-list-files ומחזיר את רשימת הקבצים שלכם. אם התשובה ריקה, צרו קובץ קודם:

“צרו קובץ Flowstep חדש בשם ‘Dashboard‘“

שלב 4 — יצירת מסך

Generate a mobile login screen in Flowstep for a SaaS app with email/password
fields and a Google sign-in button. After it finishes, show me the image.

Cursor קורא ל-ai-design-screens (שיוצר קובץ חדש ומייצר את המסכים בשלב אחד), ואז ל-get-screen-image. תראו את העיצוב המרונדר בשורה בצ’אט.

דורש Claude Code CLI

שלב 1 — הוספת השרת

הריצו את זה בפרויקט שלכם:

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

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

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

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

שלב 2 — אימות

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

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

שלב 3 — הרצת קריאת כלי

בצ’אט של Claude Code, שאלו:

“הציגו את קבצי Flowstep שלי”

Claude Code קורא ל-list-files ומחזיר את רשימת הקבצים שלכם. אם התשובה ריקה, צרו קובץ קודם:

“צרו קובץ Flowstep חדש בשם ‘Dashboard‘“

שלב 4 — יצירת מסך

Generate a mobile login screen in Flowstep for a SaaS app with email/password
fields and a Google sign-in button. After it finishes, show me the image.

Claude Code קורא ל-ai-design-screens (שיוצר קובץ חדש ומייצר את המסכים בשלב אחד), ואז ל-get-screen-image. תראו את העיצוב המרונדר בשורה בצ’אט.

ai-design-screens וכלי העיצוב בעזרת AI האחרים משתמשים במכסת ההודעות שלכם ב-Flowstep. הצגה, קריאה ורינדור של מסכים הם חינמיים. ראו מגבלות שימוש.

השלבים הבאים

הפניית כלים — תיעוד קלט ופלט מלא לכל 22 הכלים
דוגמאות — תהליכי עבודה מרובי שלבים
לקוחות אחרים — Windsurf, Codex, Claude Desktop, claude.ai

תחילת העבודה

שימוש ב-Flowstep

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

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

שרת MCP

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

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

התחלה מהירה ב-MCP

דרישות מוקדמות

שלב 1 — הוספת השרת

שלב 2 — אימות

שלב 3 — הרצת קריאת כלי

שלב 4 — יצירת מסך

שלב 1 — הוספת השרת

שלב 2 — אימות

שלב 3 — הרצת קריאת כלי

שלב 4 — יצירת מסך

השלבים הבאים

​דרישות מוקדמות

​שלב 1 — הוספת השרת

​שלב 2 — אימות

​שלב 3 — הרצת קריאת כלי

​שלב 4 — יצירת מסך

​שלב 1 — הוספת השרת

​שלב 2 — אימות

​שלב 3 — הרצת קריאת כלי

​שלב 4 — יצירת מסך

​השלבים הבאים

דרישות מוקדמות

שלב 1 — הוספת השרת

שלב 2 — אימות

שלב 3 — הרצת קריאת כלי

שלב 4 — יצירת מסך

שלב 1 — הוספת השרת

שלב 2 — אימות

שלב 3 — הרצת קריאת כלי

שלב 4 — יצירת מסך

השלבים הבאים