Compétence de polissage d'interface de Jakub Krehel : permet à l'agent de vérifier et de modifier les coins arrondis, les ombres, les contours des images, la mise à l'échelle au clic, les animations d'entrée/sortie et les transitions d'icônes selon un ensemble de valeurs précises, puis de générer un tableau des problèmes classés par gravité avec les numéros de ligne des fichiers, et de conclure par Block ou Approve.
Audit de sécurité : Non audité
- Pas encore scanné
Justification
- Les règles fournissent directement des valeurs : le rayon de bordure externe des coins arrondis imbriqués = rayon interne + padding + largeur de la bordure ; la mise à l'échelle au clic est de 0.96 avec une transition ease-out de 150ms, sans mise à l'échelle pour l'état désactivé ; l'entrée par étapes a un intervalle de 100ms par bloc, avec un flou de 4px et un décalage de 12px, pour une durée de 300ms ; la transition d'icône utilise un ressort avec un rebond de 0
- Inclut un tableau comparatif « Détection → Correction » : remplacer transition-all par les propriétés explicites ; ajouter une bordure transparente lorsqu'il n'y a qu'un anneau de contour via box-shadow sans border (le mode de contraste forcé supprime les ombres) ; placer les styles de survol dans @media (hover: hover)
- Les animations de décalage, de mise à l'échelle et de flou ne s'exécutent que sous prefers-reduced-motion: no-preference ; en cas de réduction des animations, les remplacer par des dégradés d'opacité ; les animations ne doivent pas être le seul retour d'état
- Répartition claire des tâches : la typographie, l'accessibilité, la mise en page et les couleurs sont gérées par better-typography, better-accessibility, better-layout et better-colors dans le même dépôt ; le README précise la licence MIT
- skills.sh : 24 heures d'installation 450 (indique uniquement le niveau d'attention)
Utilisation
- La commande d'installation s'affiche une fois l'audit réussi ; à déclencher lorsque l'interactivité est déjà correcte et qu'il faut effectuer un polissage visuel ou une revue de composants, idéalement installée avec better-accessibility du même dépôt (les exigences de réduction des animations relèvent de ce dernier)
- Aucun compte requis ; sans navigateur, déduire la durée et l'easing de chaque état à partir du code ; avec un navigateur, rejouer les animations à une vitesse de 10% dans le panneau Animations, et marquer « Not verified » les éléments non vérifiables
Risques
- Non audité pour cette période, classé fixe en niveau C, la commande d'installation n'est pas affichée ; SKILL.md contient uniquement des règles textuelles, sans scripts ni requêtes réseau ; les trois audits tiers sur skills.sh sont tous « Pass »
- Les valeurs reflètent les préférences fixes de l'auteur (qui accepte 0.96 mais pas 0.95) ; en cas de conflit avec un système de design existant, les conventions du projet prévalent, et SKILL.md précise que les pratiques habituelles du projet ne sont pas considérées comme des problèmes
- Les fichiers de recettes référencés, tels que surfaces.md et animations.md, n'ont pas été lus lors de cette analyse