Configuración
Añade el servidor con la CLI de Claude Code:.mcp.json en la raíz del proyecto y haz commit del archivo:
El campo
"type": "http" es obligatorio para los servidores HTTP de Claude Code.Autenticación
Claude Code gestiona automáticamente el flujo OAuth 2.1 PKCE la primera vez que llama a una herramienta de Flowstep. Tu navegador se abre en la página de inicio de sesión de Flowstep. Inicia sesión con tus credenciales de Flowstep (correo electrónico y contraseña, o Google), haz clic en Allow en la pantalla de consentimiento y la CLI captura la respuesta. No hay ninguna clave de API que crear ni rotar.Necesitas una cuenta de Flowstep antes de autenticarte. Créala en app.flowstep.ai.
Verificar la conexión
Escribe/mcp en una sesión de Claude Code. Flowstep debería aparecer como conectado, con sus herramientas disponibles. Luego pregunta:
Ejemplo de uso
ai-design-screens → get-screen-image y muestra la imagen renderizada en línea. Como Claude Code ya tiene abierto tu repositorio, puedes continuar con “Now build this screen in our app”: puede leer el diseño con get-screen-jsx e implementarlo con tus componentes.