# Art Director

> Skill de diseño que da al agente un sistema de estética propio —fondo oscuro premium, tipografía editorial, ilustraciones esquemáticas— para cualquier salida visual: páginas HTML, presentaciones, dashboards o informes.

Fuente: https://skillsagentes.com/skills/itsssssjack/seven-skills/art-director
Markdown: https://skillsagentes.com/skills/itsssssjack/seven-skills/art-director.md

Repositorio: https://github.com/ItsssssJack/seven-skills
Autor: ItsssssJack
Licencia: no declarada
Actualizado: hace 24 días
Coste de contexto: 82 tok instalada, 965 tok al activarse, 2.6k tok con todos los archivos del bundle
Bundle: 3 archivos, 10 KB
Permisos que pide: ninguno declarado

## Instalación

Un skill son archivos markdown: los mismos archivos valen para cualquier agente y lo único que cambia es el directorio de destino, es decir la bandera `--agent`. Añade `-g` para instalarlo en todos los proyectos de la máquina.

```bash
# Claude Code
npx -y skills add ItsssssJack/seven-skills --skill art-director --agent claude-code
# Cursor
npx -y skills add ItsssssJack/seven-skills --skill art-director --agent cursor
# Codex
npx -y skills add ItsssssJack/seven-skills --skill art-director --agent codex
# Gemini CLI
npx -y skills add ItsssssJack/seven-skills --skill art-director --agent gemini
# Windsurf
npx -y skills add ItsssssJack/seven-skills --skill art-director --agent windsurf
# Cline
npx -y skills add ItsssssJack/seven-skills --skill art-director --agent cline
```

## Qué hace

- Impone una estética oscura premium con acentos en gradiente azul-verde-violeta en todo el output visual
- Actúa como dispatcher: carga solo los módulos de referencia necesarios según la tarea
- Exige tipografía editorial con contraste y una jerarquía de sección fija en cada pieza
- Verifica el resultado con una captura de pantalla headless antes de entregarlo

## Cuándo usarla

- Cualquier petición de diseño o construcción de una página, deck, dashboard o informe
- Capítulos de curso o entregables largos que necesitan una identidad visual coherente
- Artefactos rápidos como una tarjeta, one-pager o pantalla de veredicto

## Qué la activa

- "Diseña un dashboard de métricas para este informe"
- "Crea las diapositivas de este capítulo del curso"
- "/art-director hazme una página de veredicto"

## Antes de instalar

- Usa un pipeline de nano-banana-2 para generar ilustraciones y Chrome headless para verificar el render antes de entregar.

## Archivos

- SKILL.md — 4 KB
- references/design-principles.md — 4 KB
- references/page-patterns.md — 2 KB

## SKILL.md

No se reproduce aquí. Léelo en https://github.com/ItsssssJack/seven-skills/blob/main/art-director/SKILL.md

## Dónde encaja

- Categoría: [Diseño y UI](https://skillsagentes.com/categorias/diseno-ui.md) — Sistemas de diseño, trabajo con componentes y acabado visual.
- Creador: [ItsssssJack](https://skillsagentes.com/creators/itsssssjack.md) — 6 skills en el directorio
- [Todas las skills](https://skillsagentes.com/skills.md)
- [Ranking de instalaciones](https://skillsagentes.com/ranking.md)

## Otras skills del mismo repositorio

- [Bouncer](https://skillsagentes.com/skills/itsssssjack/seven-skills/bouncer.md): Audita cualquier skill antes de instalarla: busca primero alternativas mejores y luego evalúa peso, solapamiento, instrucciones ocultas y coste antes de dar el visto bueno.
- [Graphify](https://skillsagentes.com/skills/itsssssjack/seven-skills/graphify.md): Convierte cualquier carpeta de archivos —código, documentos, papers, imágenes— en un grafo de conocimiento navegable, con detección de comunidades, HTML interactivo, JSON y un informe de auditoría.
- [Moving Day](https://skillsagentes.com/skills/itsssssjack/seven-skills/moving-day.md): Traslada el agente a un VPS Linux que nunca duerme: endurece el servidor, despliega Hermes Agent + Claude OS, configura systemd, watchdog y tareas nocturnas, conecta Telegram y verifica todo de punta a punta.
- [Route](https://skillsagentes.com/skills/itsssssjack/seven-skills/route.md): Router de modelos que ahorra tokens: detecta qué proveedores y CLIs de IA tienes instalados y envía cada tarea al más barato capaz de resolverla, delegando el trabajo mecánico o cambiando el modelo base de toda la sesión.

## Skills relacionadas

- [Canvas Design](https://skillsagentes.com/skills/anthropics/skills/canvas-design.md): Crea arte visual en documentos .png y .pdf partiendo de una filosofía de diseño. Úsalo cuando pidan un póster, una pieza de arte, un diseño u otra pieza estática.
- [Design Review](https://skillsagentes.com/skills/garrytan/gstack/design-review.md): Ojo de diseñador para QA: detecta inconsistencias visuales, problemas de espaciado y jerarquía, patrones de "AI slop" e interacciones lentas — y luego los corrige.
- [Design Consultation](https://skillsagentes.com/skills/garrytan/gstack/design-consultation.md): Consultoría de diseño: entiende tu producto, investiga el panorama, propone un sistema de diseño completo y genera vistas previas de tipografía y color.
- [Design Shotgun](https://skillsagentes.com/skills/garrytan/gstack/design-shotgun.md): Genera múltiples variantes de diseño con IA, abre un panel de comparación, recoge feedback estructurado e itera (gstack).
- [Design Html](https://skillsagentes.com/skills/garrytan/gstack/design-html.md): Finalización de diseño: genera HTML/CSS de calidad de producción nativo de Pretext, con texto que realmente reordena y layouts dinámicos. (gstack)

---

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)