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: añadir el servidor
Haz clic en Add Flowstep to Cursor para instalarlo con un clic, o crea o edita~/.cursor/mcp.json (global) o .cursor/mcp.json en la raíz de tu proyecto:Paso 2: autenticarte
Abre el panel de MCP de Cursor (Settings → MCP) y haz clic en Connect junto a Flowstep. Cursor abre tu navegador 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) y, después, haz clic en Allow en la pantalla de consentimiento. El navegador te redirige de vuelta y Cursor guarda 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 una herramienta
En un chat de Cursor, pregunta:“Lista mis archivos de Flowstep”Cursor llama a
list-files y devuelve tu lista de archivos. Si la respuesta está vacía, crea un archivo primero:“Crea un nuevo archivo de Flowstep llamado ‘Dashboard‘“
Paso 4: generar una pantalla
ai-design-screens (que crea un archivo nuevo y genera las pantallas en un solo paso) y, después, a get-screen-image. Verás el diseño renderizado en línea en el chat.ai-design-screens y las demás herramientas de diseño con IA usan tu asignación de mensajes de Flowstep. Listar, leer y renderizar pantallas es gratuito. Consulta Límites de uso.Próximos pasos
- Referencia de herramientas: documentación completa de entradas y salidas de las 22 herramientas
- Ejemplos: flujos de trabajo de varios pasos
- Otros clientes: Windsurf, Codex, Claude Desktop, claude.ai