Prérequis
- Un compte Flowstep (app.flowstep.ai)
- Cursor
- Claude Code
Nécessite Cursor v0.43+Redémarrez Cursor après avoir enregistré le fichier.Cursor appelle
Étape 1 — Ajouter le serveur
Cliquez sur Add Flowstep to Cursor pour l’installer en un clic, ou créez ou modifiez~/.cursor/mcp.json (global) ou .cursor/mcp.json à la racine de votre projet :Étape 2 — S’authentifier
Ouvrez le panneau MCP de Cursor (Settings → MCP) et cliquez sur Connect à côté de Flowstep. Cursor ouvre votre navigateur sur la page de connexion Flowstep. Connectez-vous avec vos identifiants Flowstep (courriel et mot de passe, ou Google), puis cliquez sur Allow dans l’écran de consentement. Le navigateur vous redirige vers Cursor, qui enregistre automatiquement le jeton.Vous devez avoir un compte Flowstep avant de vous authentifier. Si vous n’en avez pas, inscrivez-vous d’abord sur app.flowstep.ai.
Étape 3 — Exécuter un appel d’outil
Dans une conversation Cursor, demandez :« List my Flowstep files »Cursor appelle
list-files et affiche votre liste de fichiers. Si la réponse est vide, créez d’abord un fichier :« Create a new Flowstep file called ‘Dashboard’ »
Étape 4 — Générer un écran
ai-design-screens (qui crée un nouveau fichier et génère les écrans en une seule étape), puis get-screen-image. Vous verrez la conception rendue en ligne dans la conversation.ai-design-screens et les autres outils de conception IA utilisent votre allocation de messages Flowstep. Lister, lire et afficher les écrans est gratuit. Consultez Limites d’utilisation.Étapes suivantes
- Référence des outils : documentation complète des entrées et sorties des 22 outils
- Exemples : flux de travail en plusieurs étapes
- Autres clients : Windsurf, Codex, Claude Desktop, claude.ai