web-design-guidelines
✓Meilleures pratiques UI/UX et directives d’accessibilité. À utiliser lors de la révision du code de l'interface utilisateur, de la vérification de l'accessibilité, de l'audit des formulaires ou de la garantie des meilleures pratiques en matière d'interface Web. Déclencheurs sur "réviser l'interface utilisateur", "vérifier l'accessibilité", "conception de l'audit", "réviser l'UX" ou "vérifier les meilleures pratiques".
Installation
SKILL.md
Comprehensive UI/UX and accessibility guidelines for building inclusive, performant web interfaces. Contains 21 rules across 8 categories, prioritized by WCAG compliance and user impact.
| 1 | Accessibility - Semantic Structure | CRITICAL | a11y- | | 2 | Accessibility - Keyboard & Focus | CRITICAL | a11y- | | 3 | Accessibility - Visual & Color | CRITICAL | a11y- | | 4 | Forms - Input & Validation | CRITICAL | form- | | 5 | Forms - Error Handling | HIGH | form- | | 6 | Forms - User Experience | MEDIUM | form- |
| 7 | Animation & Motion | CRITICAL | motion- | | 8 | Performance & UX | MEDIUM | perf- |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/asyrafhussin/agent-skills --skill web-design-guidelines- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que web-design-guidelines ?
Meilleures pratiques UI/UX et directives d’accessibilité. À utiliser lors de la révision du code de l'interface utilisateur, de la vérification de l'accessibilité, de l'audit des formulaires ou de la garantie des meilleures pratiques en matière d'interface Web. Déclencheurs sur "réviser l'interface utilisateur", "vérifier l'accessibilité", "conception de l'audit", "réviser l'UX" ou "vérifier les meilleures pratiques". Source : asyrafhussin/agent-skills.
Comment installer web-design-guidelines ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/asyrafhussin/agent-skills --skill web-design-guidelines Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/asyrafhussin/agent-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01