À propos du projet

Ce référentiel est une collection de compétences d'agent visant à aider les développeurs et concepteurs à créer de meilleures interfaces utilisateur. Les compétences sont basées sur des sujets que l'auteur aborde sur son site personnel et son magazine d'ingénierie design, Interfaces. Compétences incluses : - better-interface : Combine toutes les compétences better-* en une seule revue. - better-ui : Améliore l'UI d'un projet, couvrant le rayon de bordure concentrique, l'alignement optique, les icônes contextuelles, les zones de clic, l'animation, etc. - better-typography : Améliore la typographie, couvrant l'échelle typographique, l'espacement, le dimensionnement, les polices variables, les fonctionnalités OpenType, le retour à la ligne, la troncature, etc. - better-colors : Aide à construire un système de couleurs, y compris la génération de palettes, l'utilisation de jetons sémantiques, la conversion entre formats et la vérification du contraste. - better-accessibility : Aide les projets à se conformer aux normes et bonnes pratiques d'accessibilité. - better-layout : Aide avec le regroupement, l'alignement, l'ordre de lecture et d'autres détails de mise en page. - better-writing : Se concentre sur l'amélioration des textes produit et leur cohérence. - interface-review : Examine le travail en matière d'UI, typographie, mise en page, couleurs, écriture et accessibilité, fournissant une analyse détaillée. Invoqué par l'utilisateur. - explain-interface : Aide à comprendre comment une animation, un design ou un élément d'UI a été construit sur le web. Invoqué par l'utilisateur. - break : Rend un composant choisi dans chaque état et scénario sur une page temporaire et le teste sous contrainte. Invoqué par l'utilisateur. - variant : Construit plusieurs variantes d'un composant et aide à itérer dessus. Invoqué par l'utilisateur. L'installation se fait avec `npx skills add jakubkrehel/skills`. Il peut également être installé comme plugin Claude Code via les commandes du marché de plugins indiquées dans le README.