Direction visuelle d’interface

À quoi ça sert

Une guidance pour donner une direction visuelle affirmée à une interface — typographie, couleurs, mise en page — au moment de construire un nouvel écran ou de retravailler l’existant, sans tomber dans le rendu « template ».

Aperçu

frontend-design/
├─ SKILL.md
└─ LICENSE.txt  (Apache 2.0)

Pourquoi ce skill fonctionne

Elle fait aborder une interface par la direction visuelle avant le code : intention, hiérarchie, rythme. C’est l’étape que les agents sautent naturellement, et c’est pourtant celle qui décide si le résultat a l’air pensé ou assemblé. Publiée par Anthropic sous licence Apache 2.0, redistribuée avec attribution.

Erreurs fréquentes

• L’invoquer une fois le code écrit. Elle sert en amont, pas en rattrapage.
• Ne pas lui donner de contrainte de marque. Sans elle, la direction proposée sera correcte mais anonyme.

Exemple de résultat

Un parti pris typographique et chromatique cohérent pour un nouvel écran.