Cerințe preliminare
- Un cont Flowstep (app.flowstep.ai)
- Cursor
- Claude Code
Necesită Cursor v0.43+Repornește Cursor după salvare.Cursor apelează
Pasul 1 — Adaugă serverul
Dă clic pe Add Flowstep to Cursor ca să îl instalezi dintr-un singur clic, sau creează ori editează~/.cursor/mcp.json (global) sau .cursor/mcp.json în rădăcina proiectului tău:Pasul 2 — Autentifică-te
Deschide panoul MCP din Cursor (Settings → MCP) și dă clic pe Connect lângă Flowstep. Cursor deschide browserul tău la pagina de autentificare Flowstep. Autentifică-te cu datele tale Flowstep (email/parolă sau Google), apoi dă clic pe Allow pe ecranul de consimțământ. Browserul te redirecționează înapoi, iar Cursor stochează tokenul automat.Ai nevoie de un cont Flowstep înainte de autentificare. Dacă nu ai unul, înscrie-te mai întâi la app.flowstep.ai.
Pasul 3 — Rulează un apel de instrument
Într-un chat Cursor, întreabă:„List my Flowstep files”Cursor apelează
list-files și returnează lista fișierelor tale. Dacă răspunsul este gol, creează mai întâi un fișier:„Create a new Flowstep file called ‘Dashboard’”
Pasul 4 — Generează un ecran
ai-design-screens (care creează un fișier nou și generează ecranele într-un singur pas), apoi get-screen-image. Vei vedea designul randat în linie, în chat.ai-design-screens și celelalte instrumente de design AI folosesc limita ta de mesaje Flowstep. Listarea, citirea și randarea ecranelor sunt gratuite. Consultă Limite de utilizare.Pașii următori
- Referința instrumentelor: documentație completă de intrare și ieșire pentru toate cele 22 de instrumente
- Exemple: fluxuri de lucru cu mai mulți pași
- Alți clienți: Windsurf, Codex, Claude Desktop, claude.ai