colorize

Aperçu

Qu'est-ce que la compétence colorize ?

La compétence colorize aide les designers UI et développeurs à ajouter stratégiquement de la couleur à des interfaces trop grises, ternes ou manquant d'intérêt visuel. En introduisant la couleur avec soin, vous rendez votre produit plus engageant, expressif et en accord avec l'identité de la marque. Cette compétence est idéale lorsque les utilisateurs ou parties prenantes trouvent qu'un design manque de vie, a besoin de plus de dynamisme ou bénéficierait d'une palette plus chaleureuse.

À qui s'adresse colorize ?

• Designers UI/UX souhaitant renforcer la hiérarchie visuelle et l'impact émotionnel
• Développeurs frontend cherchant à améliorer l'esthétique des interfaces
• Équipes travaillant sur des produits où la couleur clarifie le sens ou facilite la navigation

Problèmes résolus

• Interfaces monochromes ou trop neutres
• Absence de hiérarchie visuelle ou d'indices sémantiques
• Designs ne reflétant pas les couleurs de la marque ou le ton émotionnel

Comment utiliser

Étapes d'installation

1. Installez la compétence colorize avec la commande suivante :
   npx skills add https://github.com/pbakaus/impeccable --skill colorize
2. Commencez par lire le fichier SKILL.md pour une vue d'ensemble complète du workflow et des exigences.
3. Consultez les fichiers complémentaires comme README.md, AGENTS.md et metadata.json pour plus d'informations si disponibles.

Guide du workflow

• Préparation obligatoire :
  • Avant d'appliquer colorize, lancez /frontend-design pour recueillir les principes et le contexte du design. Si aucun contexte n'existe, exécutez d'abord /teach-impeccable.
  • Rassemblez les couleurs de marque existantes pour garantir la cohérence.
• Évaluer les opportunités de couleur :
  • Analysez où le design actuel manque de couleur ou pourrait en bénéficier (par exemple pour le sens sémantique, la hiérarchie, la catégorisation ou le ton émotionnel).
• Planifier et appliquer la couleur :
  • Introduisez la couleur de manière stratégique, en ciblant les zones les plus impactantes, comme les boutons d'appel à l'action, les alertes ou les éléments de navigation.
  • Assurez-vous que les choix de couleur respectent les directives de la marque et les normes d'accessibilité.

Fichiers suggérés à consulter

• Commencez par SKILL.md pour le processus principal.
• Vérifiez la présence éventuelle de dossiers rules, resources ou scripts pour un contexte supplémentaire.

FAQ

Quand utiliser la compétence colorize ?

Utilisez colorize lorsque votre interface paraît trop simple, manque de chaleur visuelle ou que les parties prenantes demandent un rendu plus vibrant ou expressif. Elle est particulièrement utile pour améliorer la hiérarchie, l'orientation et le ton émotionnel.

Quelle préparation est nécessaire avant d'utiliser colorize ?

Vous devez recueillir le contexte du design en exécutant /frontend-design et, si besoin, /teach-impeccable. Rassemblez toutes les couleurs de marque pertinentes avant de commencer.

colorize convient-elle à tous les projets ?

colorize est idéale pour les projets où la couleur peut enrichir l'expérience utilisateur sans compromettre l'accessibilité ni la cohérence de la marque. Elle peut ne pas convenir aux designs volontairement minimalistes ou en niveaux de gris.

Où trouver plus de détails ou des scripts d'accompagnement ?

Ouvrez l'onglet Files dans le dépôt pour explorer l'arborescence complète, incluant les références imbriquées ou scripts d'aide qui soutiennent le workflow colorize.