Configuració
Afegeix el servidor amb la CLI de Claude Code:.mcp.json a l’arrel del projecte i fes commit del fitxer:
El camp
"type": "http" és obligatori per als servidors HTTP de Claude Code.Autenticació
Claude Code gestiona automàticament el flux OAuth 2.1 PKCE la primera vegada que crida una eina de Flowstep. El navegador obre la pàgina d’inici de sessió de Flowstep. Inicia sessió amb les teves credencials de Flowstep (correu electrònic i contrasenya o Google), fes clic a Allow a la pantalla de consentiment, i la CLI captura la resposta de retorn. No cal crear ni rotar cap clau d’API.Necessites un compte de Flowstep abans d’autenticar-te. Crea’n un a app.flowstep.ai.
Verifica la connexió
Escriu/mcp en una sessió de Claude Code. Flowstep hauria d’aparèixer com a connectat, amb les seves eines disponibles. Després demana:
Exemple d’ús
ai-design-screens → get-screen-image i mostra la imatge renderitzada en línia. Com que Claude Code ja té obert el teu repositori, pots continuar amb “Now build this screen in our app”: pot llegir el disseny amb get-screen-jsx i implementar-lo amb els teus components.