Inicio/Guías de uso/Usa Curio con Codex

Usa Curio con Codex

Codex puede crear interfaces completas, pero por sí solo tiende a un aspecto genérico. 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 Codex

Curio ofrece un servidor Model Context Protocol (MCP). Al conectar Codex, 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, sin claves de API. Codex CLI e IDE comparten ~/.codex/config.toml, así que una entrada sirve para ambos. La misma conexión funciona en Claude Code, Cursor, VS Code y otros clientes MCP.

Setup

  1. 1

    Añade Curio a ~/.codex/config.toml

    Añade en ~/.codex/config.toml una entrada MCP que apunte a https://mcp.designbycurio.com/mcp. Codex CLI e IDE comparten este archivo. Consulta la documentación para ver el formato exacto.

  2. 2

    Inicia sesión con OAuth

    En la primera conexión, Codex abre OAuth en el navegador. Inicia sesión con correo, Google o GitHub y aprueba. Free permite estilos gratuitos; Pro o Max desbloquea la biblioteca completa.

  3. 3

    Busca un estilo

    Pide a Codex que busque en Curio —por ejemplo, "busca un estilo editorial audaz en Curio"— o indica Bauhaus o Stripe. Usará search_styles y get_style para elegir.

  4. 4

    Aplícalo a tu proyecto

    Pide a Codex que cree con ese estilo. Obtendrá la especificación con get_style_spec y generará páginas, componentes o diapositivas con sus tokens y reglas exactos.

What you get

Resultado coherente: cada pantalla que genera Codex 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 evitar resultados que parezcan hechos por AI.

Sin gestionar archivos: nunca escribes ni buscas un DESIGN.md; Codex 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 crear el hero de la landing page de este producto.

FAQ

¿CLI e IDE necesitan configuraciones separadas?

No. Codex CLI e IDE leen ~/.codex/config.toml, así que una sola entrada MCP sirve para ambos y solo inicias sesión una vez.

¿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, ChatGPT y otros clientes. Consulta la documentación para cada configuración.

Read the developer docs
© 2026 Curio Design