Instala Codex Design.

01 / Antes de instalar

Necesitas Codex con soporte para plugins, Codex CLI, Git y Node.js 22.12 o posterior en el PATH del proceso MCP. Compruébalos antes de instalar:

codex plugin --help
git --version
node --version

El paquete predeterminado está pensado para macOS y Linux. Se incluyen un lanzador de PowerShell y .mcp.windows.json para Windows nativo, pero Windows no se ha verificado de principio a fin. Explica esta limitación antes de hacer cambios específicos de la plataforma.

02 / Instrucciones para tu agente

El plugin se distribuye a través del marketplace Git público ummydev/codexdesign, en la rama main. No se necesita una cuenta de GitHub ni acceso a un repositorio privado.

Instala desde el marketplace Git de este repositorio remoto. Ejecuta los siguientes comandos en orden:

codex plugin marketplace add ummydev/codexdesign --ref main
codex plugin add codexdesign@codexdesign-github
codex plugin list

El repositorio público es ummydev/codexdesign. El identificador del plugin es codexdesign y el nombre del marketplace es codexdesign-github. Su versión publicada está en plugins/codexdesign/, en la rama main.

Si el marketplace ya existe, revisa codex plugin marketplace list, confirma que el repositorio y la rama coinciden y usa:

codex plugin marketplace upgrade codexdesign-github
codex plugin add codexdesign@codexdesign-github
codex plugin list

Si instalaste una vista previa privada anterior desde ummydev/codexcanvas, sigue la migración del marketplace de la guía en texto plano. Confirma que el plugin está instalado y activado. Indica su versión si está disponible. Si falla un comando necesario, informa del comando y del error sin dar la instalación por buena.

• Usa el marketplace Git remoto, no una copia local de desarrollo ni un marketplace personal.
• No ejecutes npm install, npm ci ni ningún comando de compilación en el espacio de trabajo, en la copia del marketplace ni en la caché del plugin.
• No instales a mano React Flow ni otras dependencias. El plugin incluye su servidor MCP y su frontend ya compilados.
• No clones en el marketplace personal ni compiles desde el código fuente para esquivar un error.
• Si falta un requisito, explica qué falta. No instales otro runtime sin avisar.
• Conserva los proyectos de lienzo y la configuración del usuario.

03 / Reinicia y empieza a crear

Después de instalarlo, cierra Codex por completo y vuelve a abrirlo. Abre una conversación nueva para que se carguen las skills y herramientas del plugin, y prueba:

Usa Codex Design para explorar tres propuestas para una página de inicio de sesión
y abre el lienzo.

Para agentes: recuerda al usuario que reinicie. No des por hecho que la conversación actual ya tiene las nuevas herramientas. Crea una tarea aparte solo si el usuario lo pide expresamente y el entorno lo permite.

Mantén tu espacio de trabajo al día

El daemon del lienzo funciona de forma independiente de Codex. Antes de actualizar, si hay un daemon antiguo de Codex Design en marcha, localiza el plugin instalado y ejecuta node scripts/start.cjs stop desde su directorio. Actualiza el marketplace y reinstala con los comandos de arriba; después reinicia Codex y abre una conversación nueva.

Sin API key extra. Tu trabajo sigue siendo tuyo.

No hay un saldo de tokens propio del plugin. Siguen aplicándose el acceso a Codex, los límites de tu plan y los cargos por uso que correspondan. No es uso ilimitado y gratuito del modelo.

Los proyectos de lienzo y los recursos se guardan localmente, por defecto en ~/.codex-design-plugin/projects. Esto no cambia cómo procesa Codex el contexto o los archivos que compartes con él. Actualizar el plugin no requiere borrar los datos de los proyectos.