Cómo crear tu propia piel de Codex (guía para principiantes)

Crear tu propia piel de Codex es sorprendentemente accesible. La mayoría de los motores aceptan un tema definido mediante un pequeño conjunto de colores —fondo, superficie, texto y acento— expresado como una indicación (prompt) o un archivo JSON. No necesitas modificar la aplicación Codex en sí.

Paso 1: Elige un motor

El formato de tu tema depende del motor que utilices:

• Codex Dream Skin — los temas son ajustes predefinidos o indicaciones para agentes. Es el más sencillo para empezar: describe la paleta en una sola oración.
• Codex Skin Manager — incluye un creador de temas con selector visual integrado.
• ReTheme — temas firmados y actualizables; ideal si deseas compartirlos públicamente.
• Codex Themes (escritorio) — archivos .codextheme con un centro de creación en theme.codexguide.ai.

En esta guía usaremos el enfoque basado en indicaciones (funciona con Dream Skin).

Paso 2: Elige tu paleta

Una piel se compone principalmente de 4 a 6 colores:

Función	Ejemplo (modo claro)	Ejemplo (modo oscuro)
Fondo	#F5F7FA	#0A0A0B
Superficie (paneles)	#FFFFFF	#16161A
Texto	#1A1B26	#E4E4E7
Acento	#2DD4BF	#2DD4BF

Mantén un único color de acento. Usar demasiados acentos es el error más frecuente entre principiantes.

Paso 3: Escribe el tema como una indicación

Un ajuste predefinido de Dream Skin es simplemente una oración descriptiva:

Codex, aplica un tema personalizado — una paleta cálida de crepúsculo ámbar con superficies de carbón oscuro,
acento suave en ámbar y texto en crema claro. Tranquilo, acogedor, diseñado para sesiones largas de lectura.

Guárdalo como un ajuste predefinido en el motor y pruébalo. Ajusta las palabras hasta que el resultado coincida con tu intención.

Paso 4: Pruébalo con contenido real

Abre una pantalla compleja (código extenso, muchos paneles) antes de tomar una decisión definitiva. Los temas oscuros lucen excelentes en capturas de pantalla, pero pueden fallar en la práctica si el contraste entre paneles es demasiado bajo. Comprueba:

• Legibilidad del editor de código
• Separación clara de la barra lateral / paneles
• Visibilidad del color de acento en botones frente a enlaces

Paso 5: Comparte tu piel

Motores como ReTheme y Codex Skin Manager te permiten exportar tus temas. Puedes enviar tu piel a este índice mediante la página Enviar una piel, incluyendo una imagen de vista previa y la indicación de instalación, para que otros puedan usarla con un solo clic.

Puntos de partida ya preparados

Inspírate en paletas probadas:

• Clear Glass — superficie clara con efecto acristalado.
• Sakura Pink Dawn — tonos pastel suaves.
• Amber Dusk — ajuste predefinido programático cálido en ámbar.

O explora el índice completo para encontrar más ideas. Y si tienes dudas sobre los pasos de instalación, la guía de instalación cubre todos los métodos disponibles.