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.

Avis · 3