Usa Curio con Windsurf
Windsurf escribe UI con rapidez, pero por sí solo tiende al mismo aspecto genérico que otras AI. Conecta Curio y podrá aplicar de forma coherente cualquiera de los 1294 estilos reales sin escribir la especificación a mano.
Qué aporta esto a Windsurf
Curio ofrece un servidor Model Context Protocol (MCP). Al conectar Windsurf, su agente Cascade obtiene herramientas para buscar, leer metadatos y obtener la especificación completa —color, tipografía, espaciado, componentes y reglas— de lo que estés creando.
Es de solo lectura y usa OAuth: conecta una vez, sin claves de API. La misma conexión funciona en Windsurf, Claude Code, Cursor, VS Code, Codex y otros clientes MCP.
Setup
-
1
Añade el servidor MCP de Curio
En los ajustes MCP de Windsurf, añade un servidor con la URL https://mcp.designbycurio.com/mcp. Consulta la documentación para ubicarlo en tu versión.
-
2
Inicia sesión con OAuth
Windsurf abre el inicio de sesión en el navegador. Entra con correo, Google o GitHub y aprueba. Free permite estilos gratuitos; Pro o Max desbloquea la biblioteca completa.
-
3
Busca un estilo en Cascade
En Cascade de Windsurf, pide que busque en Curio —por ejemplo, "busca un estilo fintech limpio en Curio"— o indica Bauhaus o Stripe. Usará search_styles y get_style para elegir.
-
4
Crea con ese estilo
Pide a Windsurf que cree tu componente o página con el estilo elegido. Obtendrá la especificación con get_style_spec y escribirá el código con sus tokens y reglas exactos.
What you get
Resultado coherente: cada componente que genera Windsurf mantiene el mismo aspecto al partir de una única especificación.
Estilos reales y distintos: cientos de movimientos, marcas y tradiciones, no el aspecto genérico, para que tu UI deje de parecer generada por AI.
Sin gestionar archivos: nunca escribes ni buscas un DESIGN.md; Windsurf lo obtiene mediante MCP.
Example prompts
Busca en Curio un estilo fintech limpio y reconstruye con él este componente de dashboard.
Usa el estilo Memphis de Curio para el hero de esta página de marketing.
FAQ
¿Necesito una clave de API?
No. El servidor MCP de Curio usa OAuth: inicia sesión una vez y Windsurf mantiene la conexión. No hay claves que copiar ni rotar.
¿Obtener un estilo tiene coste?
Obtener la especificación completa consume un crédito, igual que una descarga web. Free incluye una cantidad determinada; Pro y Max ofrecen más en una ventana móvil. Buscar y leer metadatos es gratis.
¿También funciona en otras herramientas?
Sí. El mismo endpoint MCP funciona en Claude Code, Cursor, VS Code, Codex, ChatGPT y otros clientes. Consulta la documentación para cada configuración.