Wiki de l'Interface Utilisateur

Ce qu'elle fait

Un manuel compilé de règles UI/UX et de modèles actionnables pour les ingénieurs et designers front-end. La compétence codifie plus de 150 règles concernant l'animation, le timing, les animations de sortie, les pseudo-éléments CSS, le retour audio, la typographie, le préchargement prédictif et la conception visuelle, afin qu'un agent puisse proposer des recommandations concrètes, des exemples de code et des conclusions fichier:ligne lors de la revue d'interfaces.

Quand l'utiliser

Utilisez cette compétence lors des revues de code, des audits UI, des décisions de conception d'animation, des vérifications d'accessibilité et lors de la génération ou de la validation de code front-end (CSS, animation JS, icônes SVG). Les déclencheurs incluent : les choix d'animation, la parité sonore/visuelle de l'accessibilité, les transitions de vue, le redimensionnement des conteneurs et les décisions typographiques.

Ce qui est inclus

• Scripts : aucun déclaré dans le fetch (has_scripts=false)
• Références : répertoire rules/ avec des documents par règle (has_references=false dans le fetch mais les fichiers frères incluent rules/)
• Instructions : descriptions détaillées des règles et listes de contrôle de référence rapide pour le timing, les ressorts vs l'amortissement (easing), les modèles d'animation de sortie, les meilleures pratiques audio et les recommandations typographiques. Le SKILL.md contient des exemples et des pointeurs vers les fichiers de règles pour guider l'implémentation.

Agents compatibles

Particulièrement adapté aux agents de revue de code et d'assistance (assistants de code de type Codex/Copilot, Claude Code, Cursor) capables de lire les fichiers du dépôt et de produire des suggestions de code, des audits et des recommandations de modifications.