design-studio

Que fait design-studio ?

<studio> est le dossier qui contient ce SKILL.md. Sous Windows, utilisez python si python3 est manquant, et modules/impeccable/scripts/impeccable.cmd à la place du lanceur non traité.

Chargement

1. Ce fichier.
2. Doctrine pour la route : doctrine/workflow.md, doctrine/principles.md, doctrine/gate.md ; doctrine/conflicts.md lorsque les modules sont en désaccord.
3. Uniquement le(s) fichier(s) MODULE.md routé(s) ci-dessous, puis les références qu'ils pointent.

Ne chargez jamais chaque module. Les fichiers MODULE.md vendus ne sont pas des compétences autonomes.

Préséance

1. L'instruction explicite de l'utilisateur et les assets réels de la marque
2. Le DESIGN.md / PRODUCT.md du projet
3. La doctrine de design-studio
4. Les règles du module actif
5. Les choix de la base ui-ux-pro-max – entrées, jamais décisions ; chaque choix doit passer le seuil anti-générique

Routage

/design-studio <route> [cible]. Si aucune route n'est fournie, déduire de la demande.

Intention / argument	Charger	Notes
build – page d'atterrissage, marketing, portfolio, page publique	modules/taste/MODULE.md + modules/impeccable/MODULE.md (persuader)	ui-ux-pro-max uniquement pour les directives de stack
app – tableau de bord, paramètres, formulaires, UI produit, écrans natifs	impeccable (opérer) + taste references/app-screens.md	ui-ux-pro-max stack + directives UX
direction – palette, polices, style	bibliothèque taste d'abord ; modules/ui-ux-pro-max/MODULE.md recherche ensuite, filtré anti-générique	écrit DESIGN.md
review / audit / roast	modules/ai-design-review/MODULE.md et son format de rapport	scanners ci-dessous ; dédupliquer 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	référence des commandes impeccable	pin/unpin désactivé
slides / deck / présentation	modules/slides/MODULE.md	template-library/ en dernier recours ; .pptx → compétence pptx
diagram (+ `import mermaid	drawio	excalidraw, export`)
graphiques dans une app	compétence dataviz si installée, sinon domaine charts de ui-ux-pro-max
contenu long	instructions copy de ai-design-review ; compétence unslop si installée
`hooks on	off	status`

Flux de travail

Brief (PRODUCT.md) → Direction (DESIGN.md) → Construction → Inspection → Validation → Rapport. Détails : doctrine/workflow.md.

Les fichiers de travail de Taste restent dans .taste-skill/. Résumez la direction choisie dans DESIGN.md afin que chaque module lise un seul fichier.

Validation

Fait lorsque : tailles de livraison vérifiées ; scanners pertinents exécutés ; zéro P0 ; chaque P1 justifié par le brief ; généricité ≤ 3/10 pour une nouvelle UI ; SD1–SD5 réussi ; rien inventé ; l'UI d'application a des états vides/chargement/erreur ; le rapport nomme les niveaux exécutés. Tableau complet : doctrine/gate.md.

Scanners de révision (dédupliquer sur les IDs du catalogue) :

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>

Windows detect : <studio>\modules\impeccable\scripts\impeccable.cmd detect <target>.

Politique des hooks

Désactivés par défaut. Ne jamais activer silencieusement.

Au début d'une route build ou app dans un projet réel, exécutez :

<studio>/modules/impeccable/scripts/impeccable hooks status

Proposer l'acceptation, une phrase de raison, lorsque l'une des conditions suivantes est remplie : la tâche touchera ≥3 fichiers UI ou s'étendra sur plusieurs sessions ; une révision a trouvé ≥2 P0/P1 mécaniques (contraste, texte en dégradé, lueur, débordement, dérive du système de design) ; l'utilisateur demande une application continue.

Expliquez : analyse par édition via .claude/settings.local.json (Claude Code) ou .cursor/hooks.json (Cursor). Cursor reçoit uniquement les vérifications par édition, pas la passe profonde Stop. Pointez vers <studio>/modules/impeccable/scripts/impeccable.

Respectez hook.consent dans .impeccable/config.local.json. Ne reposez pas la question dans ce projet.

S'ils acceptent : impeccable hooks on. S'ils refusent : hooks off et ne demandez plus là-bas.

Environnement

Besoin	Utilisé par	Si manquant
Node 18+	scan.mjs	ignorer le scanner, le signaler
Node 22+	taste draw / lint / inspect	ignorer les scripts taste
Python 3	ui-ux-pro-max, diagram verify-geometry	ignorer ceux-ci
Chrome / Edge	taste inspect, impeccable URL detect	ignorer le niveau navigateur visuel
Playwright	export PDF des slides	ignorer PDF
python-pptx	import PPT	ignorer l'import

Carte des modules

Chemin	Rôle
modules/taste/	Direction artistique (draw.mjs), lint/inspect
modules/impeccable/	Commandes de fabrication, détection, hooks
modules/ui-ux-pro-max/	Styles / palettes / stacks consultables
modules/ai-design-review/	Catalogue de directives, scan, rapport de révision
modules/slides/	Présentations HTML ; template-library/ est une référence d'implémentation
modules/diagrams/	Diagrammes HTML/SVG