Accessibility

healthcare-emr-patterns est une skill pratique pour la conception EMR/EHR dans le domaine des soins de santé. Elle couvre les workflows de consultation patient, la saisie des notes cliniques, les contrôles de médication, la mise en évidence des résultats de laboratoire, les pistes d’audit, l’intégration CDSS et une saisie des données médicales pensée d’abord pour l’accessibilité, afin de sécuriser les workflows des cliniciens.

flutter-dart-code-review est une checklist de code review Flutter et Dart, indépendante des bibliothèques, couvrant l’architecture, la qualité des widgets, la gestion d’état, les performances, l’accessibilité, la sécurité et le clean code. Utilisez-la comme guide structuré de flutter-dart-code-review pour la code review avec BLoC, Riverpod, Provider, GetX, MobX, Signals ou des approches personnalisées.

browser-qa est une compétence de QA navigateur pour les tests visuels après déploiement, les vérifications d’interaction, les captures responsives et la revue d’accessibilité via l’automatisation du navigateur. Elle aide les développeurs frontend et les équipes QA à valider des pages de staging ou de prévisualisation grâce à un guide browser-qa reproductible, plutôt qu’à une consigne générique.

Le skill d’accessibilité vous aide à concevoir, implémenter et auditer des interfaces accessibles avec les recommandations WCAG 2.2 niveau AA pour le Web, iOS et Android. Utilisez-le pour cartographier les rôles des composants, les libellés, les états, le comportement du focus et les attributs d’accessibilité, avec des conseils pratiques d’usage pour les travaux d’audit UX et les revues d’implémentation.

frontend-design transforme des idées d’interface floues en UIs distinctives, prêtes pour la prod, avec du vrai code frontend, une direction esthétique claire et moins de style IA générique.

ux-designer est une skill de conception UX structurée dédiée à la recherche, à l’accessibilité, à l’architecture de l’information, aux parcours d’interaction, au cadrage de wireframes et à la rédaction UX. Elle aide les équipes à transformer des idées produit encore floues en décisions de design plus claires et fondées sur des critères, grâce à `AGENTS.md` et à des fichiers de règles ciblés.

visualization-expert est une skill légère dédiée au choix des graphiques, aux bonnes pratiques de visualisation et à des exemples de code matplotlib ou plotly. Utilisez-la pour sélectionner de meilleurs graphiques, évaluer des dashboards et appliquer des recommandations de datavis claires et accessibles à partir d’un seul fichier SKILL.md.

La compétence qa teste systématiquement une application web, détecte des bugs et vérifie les correctifs grâce à un workflow par étapes. Utilisez-la pour les tests de régression, les contrôles de readiness avant mise en production ou comme guide QA structuré lorsque vous avez besoin de preuves, d’évaluations de gravité et de boucles atomiques corriger puis retester, plutôt que d’un simple prompt générique de chasse aux bugs.

ui-ux-pro-max est une skill complète pour le design UI/UX assisté par IA. Elle offre un accompagnement structuré sur les layouts, styles, systèmes de couleurs, typographie et règles UX pour projets web et mobile. Parfaite pour les développeurs et équipes cherchant des décisions design concrètes sur React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter et HTML/CSS. Utilisez-la pour planifier, revoir et améliorer vos interfaces avec une intelligence design sélectionnée.

ckm:ui-styling facilite la création d’interfaces accessibles et prêtes pour la production avec shadcn/ui, Tailwind CSS et la conception visuelle sur canvas. Idéal pour les projets React nécessitant des layouts structurés, des composants accessibles, le mode sombre et un design système cohérent. Utilisez ckm:ui-styling pour concevoir, thématiser et prototyper rapidement vos interfaces avec des conseils adaptés à votre stack.

ckm:brand est une skill de workflow de marque pour créer, mettre à jour et relire des chartes de marque, le messaging, le ton, l’identité visuelle et la synchronisation des design tokens, avec des scripts et check-lists concrets.

La skill accessibility-compliance aide les équipes à auditer et améliorer des interfaces web ou mobiles grâce à des recommandations concrètes sur WCAG 2.2, ARIA, l’accès au clavier, les lecteurs d’écran et l’accessibilité mobile. Idéale pour les audits UX, les corrections de composants et des recommandations prêtes à mettre en œuvre.

design-system-patterns aide les équipes à concevoir des bases d’interface évolutives grâce à une structure de tokens, une architecture de thèmes et des patterns d’API de composants réutilisables pour les design systems et les bibliothèques de composants.

La skill web-component-design aide les équipes à concevoir des composants UI réutilisables pour React, Vue et Svelte, avec des modèles d’API solides, des repères d’accessibilité et des références sur les compromis de style pour les design systems.

mobile-android-design aide les agents à fournir des recommandations d’interface Android natives avec Material Design 3, Jetpack Compose, la gestion des thèmes, la navigation et des modèles de mise en page adaptative pour les téléphones, tablettes et appareils pliables.

La skill mobile-ios-design aide les agents à produire des recommandations d’interface fidèles aux usages natifs d’iOS, en s’appuyant sur les principes Apple HIG, les patterns SwiftUI, la navigation, l’accessibilité et les mises en page adaptatives pour iPhone et iPad.

Utilisez la skill tailwind-design-system pour créer des design systems Tailwind CSS v4 avec tokens, theming, variants, accessibilité et conseils de migration de v3 vers v4.

wcag-audit-patterns est une skill structurée pour les audits WCAG 2.2 et les revues d’accessibilité. Elle aide à croiser les résultats automatisés avec des vérifications manuelles, à prioriser les problèmes selon leur gravité et leur niveau de conformité, puis à produire des recommandations de remédiation concrètes pour des pages, parcours et composants.

screen-reader-testing est une skill pratique pour les audits UX et l’assurance qualité en accessibilité. Découvrez comment l’utiliser pour tester des applications web avec VoiceOver, NVDA et JAWS, définir les priorités de couverture selon les navigateurs et plateformes, et évaluer les formulaires, le comportement ARIA, la gestion du focus et les annonces dynamiques.

web-design-guidelines vérifie le code UI selon les Vercel Web Interface Guidelines, récupère les règles les plus récentes et renvoie des résultats concis au format file:line pour des audits UX et accessibilité ciblés.

La skill harden aide à rendre des designs UI et des spécifications d’interface prêts pour la production en testant les cas limites, les états vides, la gestion des erreurs, les textes longs, la localisation, les permissions et d’autres modes de défaillance réels. Utilisez harden pour le design UI quand vous voulez réduire les surprises de mise en page et définir des règles de comportement plus complètes.

Clarify améliore les textes UX confus, les messages d’erreur, les libellés, les étapes d’onboarding et les consignes afin que les utilisateurs puissent agir avec moins d’hésitation. Ce skill est utile pour la rédaction technique, les contenus de support et les équipes produit qui ont besoin d’un texte d’interface plus clair. Il commence par prendre en compte le contexte, l’audience et l’état de l’utilisateur avant de reformuler, pour aboutir à un résultat plus direct, plus précis et plus facile à utiliser.

La skill audit réalise un audit UX technique des travaux frontend en vérifiant l’accessibilité, les performances, le theming, le comportement responsive et les anti-patterns. Elle produit des constats notés, des niveaux de sévérité P0 à P3 et un plan d’action, avec une configuration préalable requise via des skills impeccables associées.

frontend-design est une skill centrée sur le contexte pour créer un code UI frontend distinctif. Utilisez-la pour traduire l’audience, le cas d’usage et le ton de marque en choix plus solides de mise en page, typographie, couleur, motion, états d’interaction et UX writing pour des pages, des composants et des parcours.