Usa Curio con VS Code

Qué aporta esto a VS Code

Curio ofrece un servidor Model Context Protocol (MCP). Al registrarlo en VS Code, el modo agente de Copilot 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 VS Code, Claude Code, Cursor, Codex y otros clientes MCP.

Setup

1. 1

   Añade el servidor MCP de Curio

   Añade en VS Code un servidor MCP con la URL https://mcp.designbycurio.com/mcp. Consulta la documentación para ubicarlo según tus versiones de VS Code y Copilot.

2. 2

   Inicia sesión con OAuth

   VS Code 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. 3

   Busca un estilo en el chat de Copilot

   En el modo agente de Copilot, 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. 4

   Crea con ese estilo

   Pide a Copilot 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 Copilot 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; VS Code lo obtiene mediante MCP.

Example prompts

Busca en Curio un estilo fintech limpio y reconstruye con él esta página de ajustes.

Usa el estilo Bauhaus de Curio para crear el hero de la landing page de esta aplicación.

FAQ