UI Color Strategy (Colorize)

Ce que cela fait

Implémente une stratégie de couleur de haute qualité pour les interfaces utilisateur. Elle introduit soit une seule couleur d'accentuation intentionnelle à 3-5 emplacements stratégiques, soit supprime les couleurs excessives pour ramener une interface à un état neutre et professionnel.

Quand l'utiliser

Invoquez cette compétence lorsqu'une interface manque d'identité colorée, s'appuie sur des défauts génériques (comme le bleu standard) ou est visuellement encombrée par trop de couleurs concurrentes. Elle est idéale pour les raffinements front-end et les transitions du design vers le code.

Ce qui est inclus

• Règles de design : Impose une base neutre à 90 %+ avec une utilisation limitée des accents (espace colorimétrique OKLCH).
• Contrôle de la densité visuelle : Adapte la palette en fonction de la complexité de l'interface (Densité ≤ 4 vs 8+).
• Directives Anti-Slop : Interdit explicitement les erreurs de design courantes de l'IA, telles que les dégradés de titres et les bordures colorées surutilisées.
• Accessibilité : Intégration avec les vérifications du rapport de contraste (AA/AAA).

Agents compatibles

Gemini CLI, Claude Code, Cursor et autres agents de codage IA avec des capacités d'édition de fichiers et de code.