de skillshub37
Introduisez des couleurs intentionnelles dans des interfaces monochromatiques pour améliorer la hiérarchie, la signification et l'engagement visuel tout en préservant l'accessibilité.
Ajoute une stratégie de couleur délibérée aux composants et surfaces d'UI. La compétence guide un agent à travers l'évaluation de l'état actuel des couleurs d'un design, la planification d'une palette (dominante, secondaire, accent) et l'application sémantique des couleurs aux actions, indicateurs d'état, graphiques et arrière-plans. Elle met l'accent sur l'accessibilité (contraste WCAG), la cohérence de la marque et l'utilisation minimale et efficace des couleurs.
À utiliser lorsqu'une interface semble plate, trop grise ou manque de hiérarchie visuelle — pour les flux d'onboarding, les tableaux de bord, les pages marketing ou les bibliothèques de composants. Également utile avant une phase de design pour préparer une palette correspondant aux états (succès, erreur, avertissement, info) et garantir l'accessibilité.
Idéal pour les agents capables d'inspecter des bases de code frontend et d'effectuer des audits de style (agents sensibles au design) ; compatible avec les agents assistants polyvalents et les outils pouvant modifier des variables CSS/Tailwind ou générer des jetons de design.
Colorize est une compétence purement instructionnelle pour ajouter des couleurs stratégiques aux conceptions d'interface utilisateur monochromatiques. Elle ne contient aucun script ni code exécutable — juste un SKILL.md bien structuré avec des conseils de conception sur la couleur sémantique, l'accessibilité et la stratégie de palette. Elle fait référence à une dépendance envers la compétence frontend-design pour la collecte de contexte. Aucune préoccupation de sécurité puisqu'il n'y a rien d'exécutable.
Compétence instructionnelle propre avec un bon contenu de conseils de conception. La variable de modèle {{ask_instruction}} et la dépendance à la compétence frontend-design sont notables. Aucun contenu exécutable à tester.
