Requisitos previos
- Una cuenta de Flowstep (app.flowstep.ai)
- Cursor
- Claude Code
Requiere Cursor v0.43+Reinicia Cursor después de guardar.Cursor llama a
Paso 1 — Agregar el servidor
Crea o edita~/.cursor/mcp.json (global) o .cursor/mcp.json en la raíz de tu proyecto:Paso 2 — Autenticar
Abre el panel MCP de Cursor (Configuración → MCP) y haz clic en Connect junto a Flowstep. Cursor abre tu navegador en el inicio de sesión de OAuth de Flowstep. Inicia sesión con tus credenciales de Flowstep (correo electrónico/contraseña o Google). El navegador redirige y Cursor almacena el token automáticamente.Necesitas una cuenta de Flowstep antes de autenticarte. Si no tienes una, regístrate primero en app.flowstep.ai.
Paso 3 — Ejecutar una llamada a herramienta
En un chat de Cursor, pregunta:“List my Flowstep files”Cursor llama a
list-files y devuelve tu lista de archivos. Si la respuesta está vacía, crea un archivo primero:“Create a new Flowstep file called ‘Dashboard‘“
Paso 4 — Generar una pantalla
create-new-design (que crea el archivo y genera las pantallas en un paso), y luego a get-screen-image. Verás el diseño renderizado en línea en el chat.Pasos siguientes
- Referencia de herramientas — documentación completa de entrada/salida para las 20 herramientas
- Ejemplos — flujos de trabajo de múltiples pasos
- Otros clientes — Windsurf, Claude Desktop, claude.ai