Configuration
Ajoutez le serveur avec la CLI 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 (e-mail et mot de passe, ou Google), cliquez sur Allow sur l’écran de consentement, et la CLI récupère le retour d’appel. Vous n’avez aucune clé d’API à créer ni à renouveler.Vous avez besoin d’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 « Now build this screen in our app » : il peut lire la conception avec get-screen-jsx et l’implémenter avec vos composants.