polish

Aperçu

Qu'est-ce que la skill polish ?

La skill polish est conçue pour les designers UI et développeurs frontend qui souhaitent faire passer leur interface du fonctionnel à l'exceptionnel. Elle se concentre sur une vérification qualité finale minutieuse, traitant l'alignement, l'espacement, la cohérence et les détails fins avant la livraison. Cette skill est idéale pour les touches finales, une revue pré-lancement ou pour corriger des défauts visuels et d'interaction subtils qui rendent un produit vraiment soigné.

Qui devrait utiliser polish ?

• Designers UI recherchant un rendu pixel-perfect
• Ingénieurs frontend travaillant avec React ou des frameworks similaires
• Équipes préparant une sortie majeure ou souhaitant relever leur niveau de qualité
• Toute personne constatant qu'« il y a un truc qui cloche » ou voulant passer de bon à excellent

Problèmes résolus

• Incohérences visuelles et problèmes d'alignement
• Problèmes d'espacement et de grille
• Lacunes dans les états d'interaction et cas limites
• Incohérences dans les textes et contenus
• Fluidité des chargements et transitions

Comment utiliser

Étapes d'installation

1. Installez la skill polish avec :
   npx skills add https://github.com/pbakaus/impeccable --skill polish
2. Commencez par le fichier SKILL.md pour les instructions de workflow.
3. Consultez les fichiers complémentaires comme README.md, AGENTS.md et metadata.json pour le contexte et les bonnes pratiques.

Liste de préparation

• Lancez $frontend-design pour les principes de design et la collecte de contexte.
• Si aucun contexte de design n'existe, exécutez d'abord $teach-impeccable.
• Définissez votre niveau de qualité (MVP vs produit phare) et votre calendrier de livraison.

Application du workflow

• Réalisez une évaluation pré-polish : vérifiez la complétude fonctionnelle, identifiez les zones à polir, notez les problèmes connus.
• Traitez systématiquement l'alignement visuel, l'espacement, les états d'interaction, les textes, les cas limites et les transitions.
• Utilisez l'échelle d'espacement et la grille pour un rendu pixel-perfect.
• Polish est efficace uniquement en étape finale — ne l'appliquez pas sur un travail incomplet.

Guide de structure des fichiers

• Commencez par SKILL.md pour les instructions pas à pas.
• Explorez les dossiers supplémentaires comme rules/, resources/ et references/ pour des conseils avancés.

FAQ

La skill polish convient-elle aux projets en phase initiale ?

Non. La skill polish est destinée aux vérifications qualité finales sur un travail fonctionnellement complet. Utilisez-la lors de la préparation au lancement ou pour relever le niveau de qualité.

Polish peut-elle être utilisée avec n'importe quel framework frontend ?

Bien qu'optimisée pour React et les workflows frontend modernes, ses principes s'appliquent largement au design UI et au développement frontend.

Où trouver les instructions détaillées du workflow ?

Toutes les consignes sont dans SKILL.md et les fichiers associés. Ouvrez l'onglet Fichiers pour consulter l'arborescence complète, y compris les références et scripts d'aide.

Que faire si mon projet manque de contexte design ?

Exécutez $teach-impeccable pour établir un contexte design de base avant d'appliquer polish.

Comment polish améliore-t-elle mon UI ?

En corrigeant systématiquement l'alignement, l'espacement et les détails fins, polish garantit une interface cohérente, professionnelle et prête pour les utilisateurs.