Prerequisiti
- Un account Flowstep (app.flowstep.ai)
- Cursor
- Claude Code
Richiede Cursor v0.43+Riavvia Cursor dopo aver salvato.Cursor chiama
Passaggio 1: aggiungi il server
Fai clic su Add Flowstep to Cursor per installarlo con un clic, oppure crea o modifica~/.cursor/mcp.json (globale) o .cursor/mcp.json nella radice del progetto:Passaggio 2: autenticati
Apri il pannello MCP di Cursor (Settings → MCP) e fai clic su Connect accanto a Flowstep. Cursor apre il browser sulla pagina di accesso di Flowstep. Accedi con le tue credenziali Flowstep (email/password o Google), poi fai clic su Allow nella schermata di consenso. Il browser torna a Cursor e il token viene salvato automaticamente.Ti serve un account Flowstep prima di autenticarti. Se non ne hai uno, registrati prima su app.flowstep.ai.
Passaggio 3: esegui una chiamata a uno strumento
In una chat di Cursor, chiedi:“Elenca i miei file Flowstep”Cursor chiama
list-files e restituisce il tuo elenco di file. Se la risposta è vuota, crea prima un file:“Crea un nuovo file Flowstep chiamato ‘Dashboard‘“
Passaggio 4: genera una schermata
ai-design-screens (che crea un nuovo file e genera le schermate in un unico passaggio), poi get-screen-image. Vedrai il design renderizzato direttamente nella chat.ai-design-screens e gli altri strumenti di design AI usano la tua quota di messaggi di Flowstep. Elencare, leggere e renderizzare le schermate è gratuito. Vedi Limiti di utilizzo.Passaggi successivi
- Riferimento agli strumenti: documentazione completa di input e output per tutti i 22 strumenti
- Esempi: flussi di lavoro in più passaggi
- Altri client: Windsurf, Codex, Claude Desktop, claude.ai