🌱 Empieza aquí · Director de diseño visual

Esta semilla convierte a tu asistente en un director de diseño. En vez de abrir la primera herramienta que se le ocurre y soltar un resultado plano, ahora sigue un oficio: primero entiende qué tipo de pieza le pediste (un banner, una presentación, un logo, un reporte), se alinea contigo en lo que no puede adivinar, revisa las mejores prácticas del día, y recién entonces encadena a tus mejores herramientas —las que ponen los fundamentos, las que producen, y las que revisan la calidad— hasta entregarte la pieza ya pulida. Menos "primer borrador feo", más "esto sí se ve pensado".

Para instalarla

Abre esta carpeta con Claude Code o Cowork y dile a tu asistente:

"Siembra esta semilla 🌱"

Con eso basta de tu parte. Tu asistente hace todo lo demás y al final te dice cómo comprobar que quedó funcionando. Vas a ver algunas palabras en inglés en la pantalla; ni caso, él te guía.

¿Otras formas de pedírselo? "instala esta semilla", "pon a funcionar el director de diseño", "haz el setup de esto". Te entiende igual.

Para el asistente que siembra 🤖

Este componente es un skill (una habilidad / método de trabajo), no un programa ejecutable. No es un hook: no lleva chmod, no lleva entrada en settings.json y no ejecuta ningún script. Se "siembra" colocando el método donde tu plataforma lo descubre como habilidad activable.

1. Copia el skill donde tu plataforma lo detecta

El kernel trae dos archivos:

• kernel/SKILL.md — el método en sí (la habilidad "Director de diseño visual").
• kernel/cadena-de-diseno.ejemplo.md — una plantilla para mapear los tres roles de la cadena a las herramientas reales de esta persona.

Claude Code (macOS / Linux / Windows con Git Bash):

mkdir -p "$HOME/.claude/skills/visual-design"
cp kernel/SKILL.md "$HOME/.claude/skills/visual-design/SKILL.md"
cp kernel/cadena-de-diseno.ejemplo.md "$HOME/.claude/skills/visual-design/cadena-de-diseno.ejemplo.md"

Las habilidades dentro de ~/.claude/skills/ se descubren solas: tu plataforma lee el encabezado (name + description) de cada SKILL.md y activa la habilidad cuando el pedido del usuario encaja con su descripción. La plantilla viaja al lado del skill para que este pueda leerla cuando el usuario quiera personalizar su cadena.

Cowork: usa la misma carpeta de habilidades si tu proyecto la soporta (.claude/skills/visual-design/SKILL.md). Si no, coloca el SKILL.md dentro del proyecto y agrega una línea que apunte a él en el archivo de instrucciones del proyecto (el CLAUDE.md), por ejemplo: "Cuando el usuario pida diseñar cualquier pieza visual, aplica el método de visual-design/SKILL.md."

Codex: Codex lee su archivo de instrucciones AGENTS.md. Copia el contenido de SKILL.md dentro de AGENTS.md (o agrégale un puntero al archivo si lo guardas aparte en el proyecto), para que el método de dirección de diseño se cargue con el resto de tus instrucciones.

2. Aterriza la cadena a ESTE sistema (recomendado)

Abre kernel/cadena-de-diseno.ejemplo.md. Con la persona (o detectándolo tú), llena las tablas: qué herramienta real de su sistema juega cada rol (fundamentos, producción, control de calidad) y qué herramienta produce cada tipo de pieza. Reemplaza los placeholders:

• <TU-HERRAMIENTA> → una capacidad real de su arsenal (un generador de imágenes, un diseñador de presentaciones, etc.).
• <TU-HERRAMIENTA-DE-QA> → la capacidad que revise la pieza renderizada antes de entregar.
• <TU-ARCHIVO-DE-MARCA> → dónde vive su guía de estilo, si tiene una.

Guarda el resultado lleno como cadena-de-diseno.md (sin el .ejemplo) en la misma carpeta donde quedó el SKILL.md (en Claude Code, ~/.claude/skills/visual-design/). El método busca ese archivo al arrancar la cadena y enruta directo a las herramientas que anotaste; el .ejemplo.md se queda como referencia en blanco.

Si la persona no sabe qué herramienta juega cada rol, no pasa nada: deja los genéricos y el director elegirá en vivo la mejor capacidad disponible al momento de ejecutar.

3. Verificación post-siembra (obligatoria)

Como es un método (texto), la verificación tiene dos partes: que el archivo quedó en su lugar, y que la habilidad se activa de verdad.

a) El archivo quedó colocado (ejemplo Claude Code):

ls -la "$HOME/.claude/skills/visual-design/SKILL.md"; echo "exit=$?"

Salida esperada: una línea que lista el archivo y exit=0. Si sale No such file or directory, la copia no se hizo; repite el paso 1.

b) La habilidad se activa (prueba de comportamiento, en una conversación nueva): Pídele a la persona que abra una sesión nueva y diga algo como "diséñame un banner para anunciar algo". La conducta correcta es que tu asistente no dispare la primera herramienta de golpe: primero clasifica el tipo de pieza, pregunta lo que no puede inferir, y describe la cadena que va a seguir (fundamentos → producción → control de calidad). Si en vez de eso suelta una imagen sin proceso, el skill no se cargó: revisa que el SKILL.md esté en la carpeta de habilidades (o dentro de AGENTS.md en Codex).

Cuando ambas partes pasen, avísale a la persona en una línea qué gana con esto.

✅ ¿Cómo sé que funcionó?

De ahora en adelante, cuando le pidas a tu asistente "diséñame algo", ya no te va a soltar un primer borrador plano. Vas a notar que primero entiende qué le pediste, te pregunta lo justo (nunca de más), y te entrega una pieza que ya pasó por un control de calidad: sin desbordes, con buena jerarquía visual y en el formato correcto.

No tienes que hacer nada especial en el día a día. Solo vas a notar que lo que te entrega se ve más profesional, más pensado, y con menos idas y vueltas para arreglarlo. Eso es todo. 🌱