Raffinement du Design Visuel (Apaisement)

Ce que fait cette compétence

Cette compétence aide les agents à auditer et à affiner les interfaces utilisateur qui semblent "trop bruyantes" ou visuellement accablantes. Elle propose une approche systémique pour réduire le bruit visuel tout en préservant l'impact fonctionnel et le caractère du design.

Quand l'utiliser

Activez cette compétence lorsqu'un utilisateur décrit un design comme étant trop audacieux, agressif, criard ou stimulant, ou lorsqu'il demande un aspect plus "raffiné", "calme" ou "premium".

Ce qui est inclus

• Instructions : Un guide complet pour auditer les sources d'intensité (saturation des couleurs, contraste, poids visuel, mouvement) et appliquer des raffinements spécifiques tels que la désaturation des palettes, la réduction du poids des polices, l'augmentation des espaces blancs et le lissage des animations (par exemple, en utilisant ease-out-quart).
• Directives : Des règles strictes de type "NE JAMAIS" pour s'assurer que le côté "calme" ne devienne pas "ennuyeux" ou "en niveaux de gris".

Agents compatibles

Tout agent capable de modifier le CSS, les configurations Tailwind ou le code lié au design, y compris Cursor, Claude Code et Codex.