art-direction

art-direction

Catalogue généré le 2026-05-11

En une phrase

Définir une direction artistique web forte (palette, typo, motifs, layout, motion) à partir d’un brief flou ou incomplet. À utiliser au démarrage d’une création/refonte.

Quand l'utiliser

• Voir la description ci-dessus et la section « Pour aller plus loin ».

Comment l'invoquer

• Slash command : /art-direction (si exposé dans ton CLI)
• Phrases déclencheurs : voir la description complète ci-dessous
• Auto-invocation : sur demande explicite

Pour aller plus loin

Art Direction

Objectif

Transformer un brief (même minimal) en direction artistique actionnable : décisions visuelles, tokens de base, règles de composition, et une alternative.

Procédure

1. Extraire : audience, promesse, ton, contraintes (stack, délais, contenus).
2. Proposer 1 DA principale + 1 alternative (contrastées).
3. Définir la signature :
   • 5 mood words
   • 1 phrase “signature”
   • 3 règles non négociables (typo / layout / couleur / motion / imagerie)
4. Générer un pack prêt-dev :
   • Palette (roles : bg/surface/text/muted/primary/accent/danger/success)
   • Typo pairing (display + body) + tailles (clamp) + line-height
   • Spacing scale + radii + shadows
   • Motifs UI (bento, editorial, brutal, glass, organique, etc.)
   • Motion principles (durations/easing/distances)

Output attendu (format)

DA 1 — Principale

• Mood:
• Signature:
• Do / Don’t (3/3):

(extrait — voir le SKILL.md complet pour la suite)

Source

• Plugin : perso (standalone)
• Nom interne : art-direction
• Fichier : /home/thymon/.claude/skills/art-direction/SKILL.md