Configuration
Ajoutez le serveur avec la CLI de Claude Code :.mcp.json à la racine du projet, puis validez le fichier :
Le champ
"type": "http" est obligatoire pour les serveurs HTTP de Claude Code.Authentification
Claude Code gère automatiquement le flux OAuth 2.1 PKCE la première fois qu’il appelle un outil Flowstep. Votre navigateur ouvre la page de connexion Flowstep. Connectez-vous avec vos identifiants Flowstep (courriel et mot de passe, ou Google), cliquez sur Allow dans l’écran de consentement, et la CLI capture le rappel. Il n’y a aucune clé API à créer ni à renouveler.Vous devez avoir un compte Flowstep avant de vous authentifier. Créez-en un sur app.flowstep.ai.
Vérifier la connexion
Tapez/mcp dans une session Claude Code. Flowstep doit apparaître comme connecté, avec ses outils disponibles. Demandez ensuite :
Exemple d’utilisation
ai-design-screens → get-screen-image et affiche le rendu en ligne. Comme Claude Code a déjà votre dépôt ouvert, vous pouvez poursuivre avec « Construis maintenant cet écran dans notre application ». Claude lit alors la conception avec get-screen-jsx et l’implémente avec vos composants.