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

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

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

Cursor
Claude Code

דורש Cursor v0.43+

שלב 1 — הוסף את השרת

צור או ערוך ~/.cursor/mcp.json (גלובלי) או .cursor/mcp.json בשורש הפרויקט שלך:

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

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

שלב 2 — אימות

פתח את לוח MCP של Cursor (Settings → MCP) ולחץ על Connect ליד Flowstep. Cursor פותח את הדפדפן שלך לכניסה OAuth של Flowstep. היכנס עם פרטי הכניסה של Flowstep שלך (דוא”ל/סיסמה או Google). הדפדפן מעביר חזרה ו-Cursor שומר את האסימון באופן אוטומטי.

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

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

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

“List my Flowstep files”

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

“Create a new Flowstep file called ‘Dashboard‘“

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

Create a new Flowstep file called "Login flow", then generate a mobile login screen
for a SaaS app with email/password fields and a Google sign-in button.
After it finishes, show me the image.

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

דורש Claude Code CLI

שלב 1 — הוסף את השרת

צור .mcp.json בשורש הפרויקט שלך (בסכום פרויקט) או ~/.claude/mcp.json (גלובלי):

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

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

שלב 2 — אימות

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

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

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

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

“List my Flowstep files”

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

“Create a new Flowstep file called ‘Dashboard‘“

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

Create a new Flowstep file called "Login flow", then generate a mobile login screen
for a SaaS app with email/password fields and a Google sign-in button.
After it finishes, show me the image.

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

הצעדים הבאים

הפניית כלים — מסמכי קלט/פלט מלאים לכל 20 הכלים
דוגמאות — זרימות עבודה רב-שלבות
לקוחות אחרים — Windsurf, 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 — ייצור מסך

הצעדים הבאים