Modèles et Principes de Design UI

Ce que cela fait

Cette compétence transforme un agent en expert du design UI. Elle fournit des règles concrètes et logiques pour créer des interfaces web soignées sans nécessiter une formation approfondie en graphisme. Elle se concentre sur la réduction de la charge cognitive et du coût d'interaction tout en garantissant l'accessibilité.

Quand l'utiliser

Utilisez cette compétence lors de la conception de nouvelles fonctionnalités, de la révision de mises en page existantes, du peaufinage de composants CSS/UI ou de l'établissement d'un système de design cohérent pour des projets web.

Ce qui est inclus

• Instructions : Directives détaillées sur la hiérarchie visuelle, le contraste des couleurs, les systèmes d'espacement et la logique de mise en page.
• Références : Liens vers des guides complets et des ressources externes comme les normes WCAG 2.1 AA.
• Frameworks : Application de la loi de Fitts, de la loi de Jakob et de la règle des 80/20 dans des contextes UI.

Agents compatibles

Idéalement adaptée aux agents de codage intégrés aux IDE (par exemple, Cursor, Claude Code) qui peuvent modifier directement le CSS, les configurations Tailwind ou les composants TSX/HTML.