Usa Curio con Qoder
Qoder entrega UI rápido, pero a su aire entrega la misma UI que todos: el degradado por defecto, la tarjeta por defecto, el azul por defecto. Apúntalo a un estilo de Curio y los componentes salen como si pertenecieran a un sistema de diseño real, sin que tengas que escribirlo.
Qué aporta esto a Qoder
Curio ofrece un servidor Model Context Protocol (MCP). Al conectar Qoder, obtiene herramientas para buscar en la biblioteca, leer los metadatos de un estilo y traer la especificación completa de diseño de lo que estés construyendo: funciones de color, escala tipográfica, ritmo de espaciado, formas, sombras y movimiento.
La documentación de Qoder confirma que admite servidores MCP por HTTP en streaming configurados con una URL, así que Curio necesita una sola entrada y ningún proceso local. Si prefieres no configurar nada, pega un enlace en el chat.
Copia un enlace
La vía más rápida y no exige ninguna configuración. Cada página de estilo genera un enlace válido 15 minutos; pégalo en el chat junto con lo que quieras rediseñar.
-
1
Elige un estilo
Abre desde la galería la página de cualquier estilo. Cada estilo tiene su propia página con la vista previa completa.
-
2
Pulsa «Hand off to My AI» y elige tu IA
El botón abre un panel de clientes de IA. Elige el que uses: Claude, ChatGPT, Gemini, WorkBuddy, Qoder, DeepSeek, Kimi y más. Seleccionar uno es lo que activa el botón de copiar.
-
3
Copia el enlace y pégalo en tu IA
Curio genera el enlace y lo copia junto con un prompt ya escrito, así que puedes pegarlo todo en el chat y añadir qué quieres rediseñar.
¿Tu cliente no está en el panel? Elige cualquier tarjeta: el enlace y el prompt copiados son idénticos y seleccionar uno solo activa el botón. Generar el enlace desbloquea la especificación completa de ese estilo y consume un crédito; si vuelves a copiar el mismo estilo en 15 minutos, se reutiliza sin coste adicional.
Conectar por MCP
-
1
Abre los ajustes MCP de Qoder
Pulsa el icono de usuario arriba a la derecha, abre Qoder 设置 (Ajustes) y elige MCP en el panel izquierdo.
-
2
Añade el servidor de Curio
En la pestaña 我的服务 (Mis servicios) pulsa + 添加 (Añadir) y pega una entrada mcpServers llamada curio con la URL https://mcp.designbycurio.com/mcp. Qoder detecta el HTTP en streaming por la URL, así que no hace falta el campo type.
-
3
Inicia sesión y revisa las herramientas
Guarda y completa el inicio de sesión. Cuando el icono de enlace indique que el servicio está listo, despliégalo para ver las herramientas de Curio. Free cubre los estilos gratuitos; Pro o Max desbloquea toda la biblioteca.
-
4
Construye con un estilo
Pide a Qoder que busque un estilo de Curio y construya con él. Obtendrá la especificación completa y escribirá los componentes con sus tokens y reglas exactos en lugar de improvisar.
What you get
Resultado coherente: cada componente que genera Qoder mantiene el mismo aspecto al partir de una única especificación en lugar de improvisar cada vez.
Estilos con procedencia real: movimientos, marcas y tradiciones, no un generador de paletas al azar.
Nada que mantener: ningún repositorio de sistema de diseño que escribir, revisar o sincronizar.
Example prompts
Busca en Curio un estilo suizo sobrio y rehaz con él esta página de ajustes.
Apply this Curio design style to the whole component library: <paste share link>.
FAQ
¿Necesito una clave de API?
No. Curio inicia sesión con OAuth desde el cliente, así que no hay ninguna clave que pegar ni rotar. Si tu versión de Qoder no completa el intercambio OAuth, recurre al enlace: entrega la misma especificación.
¿Traer un estilo consume crédito?
Solo al desbloquear la especificación completa. Buscar, listar y leer metadatos es gratis; traer la especificación de un estilo consume un crédito y, si repites con el mismo estilo en 15 minutos, se reutiliza.