Usa Curio con Claude Code
Claude Code puede crear interfaces completas, pero por sí solo tiende al mismo aspecto genérico que otros agentes. Conecta Curio y podrá aplicar de forma coherente cualquiera de los 1294 estilos reales sin que escribas la especificación a mano.
Qué aporta esto a Claude Code
Curio ofrece un servidor Model Context Protocol (MCP). Al conectar Claude Code, obtiene herramientas para buscar en la biblioteca, 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 inicio de sesión: conecta una vez con OAuth, sin gestionar claves de API. La misma conexión funciona en Claude Code, Cursor, VS Code, Codex y otros clientes MCP.
Setup
-
1
Añade el servidor MCP de Curio
Añade en Claude Code un servidor MCP que apunte a https://mcp.designbycurio.com/mcp. Claude Code abrirá el flujo de OAuth en el navegador.
-
2
Inicia sesión con OAuth
Inicia sesión con correo, Google o GitHub y aprueba la conexión. Free permite usar estilos gratuitos; Pro o Max desbloquea la biblioteca completa.
-
3
Busca un estilo
Pide a Claude Code que busque en Curio —por ejemplo, "busca un estilo fintech limpio en Curio"— o indica uno, como Bauhaus o Stripe. Usará search_styles y get_style para elegir una opción.
-
4
Aplícalo a tu proyecto
Pide a Claude Code que cree con ese estilo. Obtendrá la especificación completa con get_style_spec y generará diapositivas, páginas o componentes con sus tokens y reglas exactos.
What you get
Resultado coherente: cada pantalla que genera Claude Code mantiene el mismo aspecto al partir de una única especificación de referencia en vez de volver a improvisar.
Estilos reales y distintos: cientos de movimientos, marcas y tradiciones, no el aspecto genérico, para que tu trabajo deje de parecer generado por AI.
Sin gestionar archivos: nunca escribes ni buscas un DESIGN.md; Claude Code lo obtiene en directo mediante MCP.
Example prompts
Busca en Curio un estilo editorial cálido y crea con él una presentación de 5 diapositivas sobre nuestros resultados del tercer trimestre.
Usa el estilo Bauhaus de Curio para crear el hero de la landing page de este producto.
FAQ
¿Necesito una clave de API?
No. El servidor MCP de Curio usa OAuth: inicia sesión una vez en el navegador y Claude Code 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 en la 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 Cursor, VS Code, Codex, ChatGPT y otros clientes compatibles. Consulta la documentación para la configuración de cada cliente.