¿Qué hace design-studio?
<studio> es la carpeta que contiene este SKILL.md. En Windows usa python si falta python3, y modules/impeccable/scripts/impeccable.cmd en lugar del lanzador sin cocinar.
Carga
- Este archivo.
- Doctrina para la ruta: doctrine/workflow.md, doctrine/principles.md, doctrine/gate.md; doctrine/conflicts.md cuando los módulos discrepan.
- Solo el/los archivo(s)
MODULE.mdenrutado(s) a continuación, luego las referencias a las que apuntan.
Nunca cargues cada módulo. Los archivos MODULE.md incluidos no son skills independientes.
Prioridad
- La instrucción explícita del usuario y los activos reales de la marca
- El
DESIGN.md/PRODUCT.mddel proyecto - La doctrina de design-studio
- Las reglas del módulo activo
- Las selecciones de la base de datos ui-ux-pro-max — entradas, nunca decisiones; cada selección debe pasar el filtro de slop
Enrutamiento
/design-studio <ruta> [destino]. Si no hay ruta, inferir de la solicitud.
| Intención / arg | Cargar | Notas |
|---|---|---|
build — landing, marketing, portafolio, página pública | modules/taste/MODULE.md + modules/impeccable/MODULE.md (persuadir) | ui-ux-pro-max solo para pautas de stack |
app — panel, configuraciones, formularios, UI de producto, pantallas nativas | impeccable (operar) + taste references/app-screens.md | ui-ux-pro-max stack + pautas de UX |
direction — paleta, fuentes, estilo | biblioteca de taste primero; modules/ui-ux-pro-max/MODULE.md búsqueda después, filtrada por slop | escribe DESIGN.md |
review / auditar / roast | modules/ai-design-review/MODULE.md y su formato de informe | escáneres abajo; deduplicar en IDs |
polish bolder quieter typeset colorize animate harden clarify distill delight adapt onboard optimize layout overdrive shape init document extract critique audit live generate | referencia de comandos impeccable | pin/unpin deshabilitado |
slides / deck / presentación | modules/slides/MODULE.md | template-library/ último recurso; .pptx → skill pptx |
diagram (+ `import mermaid | drawio | excalidraw, export`) |
| gráficos en una app | skill dataviz si está instalado, si no, dominio de gráficos ui-ux-pro-max | |
| copy de formato largo | reglas de copy de ai-design-review; skill unslop si está instalado | |
| `hooks on | off | status` |
Flujo de trabajo
Brief (PRODUCT.md) → Dirección (DESIGN.md) → Construir → Revisar → Gate → Informe. Detalles: doctrine/workflow.md.
Los archivos de trabajo de Taste permanecen en .taste-skill/. Resume la dirección elegida en DESIGN.md para que cada módulo lea un solo archivo.
Gate
Hecho cuando: se revisaron los tamaños de envío; se ejecutaron los escáneres relevantes; cero P0; cada P1 justificado por el brief; genericidad ≤ 3/10 para UI nueva; SD1–SD5 pasan; nada inventado; la UI de la app tiene estados vacío/carga/error; el informe nombra los niveles que se ejecutaron. Tabla completa: doctrine/gate.md.
Escáneres de revisión (deduplicar en IDs de catálogo):
node <studio>/modules/ai-design-review/scripts/scan.mjs <target> --json
<studio>/modules/impeccable/scripts/impeccable detect <target>
node <studio>/modules/taste/scripts/lint.mjs <target>
Detect en Windows: <studio>\modules\impeccable\scripts\impeccable.cmd detect <target>.
Política de hooks
Desactivados por defecto. Nunca habilitar silenciosamente.
Al inicio de una ruta build o app en un proyecto real, ejecuta:
<studio>/modules/impeccable/scripts/impeccable hooks status
Propón la aceptación, una frase de motivo, cuando alguna de: la tarea tocará ≥3 archivos de UI o abarcará sesiones; una revisión encontró ≥2 P0/P1 mecánicos (contraste, texto degradado, brillo, desbordamiento, deriva del sistema de diseño); el usuario solicita aplicación continua.
Explica: escaneo por edición a través de .claude/settings.local.json (Claude Code) o .cursor/hooks.json (Cursor). Cursor recibe solo verificaciones por edición, sin pase profundo Stop. Señala a <studio>/modules/impeccable/scripts/impeccable.
Respeta hook.consent en .impeccable/config.local.json. No vuelvas a preguntar en ese proyecto.
Si aceptan: impeccable hooks on. Si rechazan: hooks off y no preguntes de nuevo allí.
Entorno
| Necesidad | Usado por | Si falta |
|---|---|---|
| Node 18+ | scan.mjs | saltar escáner, decirlo |
| Node 22+ | taste draw / lint / inspect | saltar scripts de taste |
| Python 3 | ui-ux-pro-max, diagram verify-geometry | saltar esos |
| Chrome / Edge | taste inspect, impeccable URL detect | saltar nivel de navegador visual |
| Playwright | exportación PDF de diapositivas | saltar PDF |
| python-pptx | importación PPT | saltar importación |
Mapa de módulos
| Ruta | Rol |
|---|---|
modules/taste/ | Dirección de arte (draw.mjs), lint/inspect |
modules/impeccable/ | Comandos de ejecución, detect, hooks |
modules/ui-ux-pro-max/ | Estilos / paletas / stacks buscables |
modules/ai-design-review/ | Catálogo de reglas, escaneo, informe de revisión |
modules/slides/ | Decks HTML; template-library/ es referencia de implementación |
modules/diagrams/ | Diagramas HTML/SVG |