ui-design
✓Lignes directrices sur les meilleures pratiques en matière de conception UI/UX et frontend (anciennement frontend-design). Cette compétence doit être utilisée lors de l'écriture, de la révision ou de la conception de code frontend pour garantir l'accessibilité, les performances et la convivialité. Déclencheurs sur des tâches impliquant la structure HTML, le style CSS, les mises en page réactives, la conception de formulaires, les animations ou les améliorations d'accessibilité.
Installation
SKILL.md
Comprehensive UI/UX and frontend design best practices guide. Contains 42 rules across 8 categories, prioritized by impact to guide accessible, performant, and user-friendly interface development.
| 1 | Accessibility & WCAG Compliance | CRITICAL | access- | | 2 | Core Web Vitals Optimization | CRITICAL | cwv- | | 3 | Visual Hierarchy & Layout | HIGH | layout- | | 4 | Responsive & Mobile-First Design | HIGH | resp- | | 5 | Typography & Font Loading | MEDIUM-HIGH | typo- | | 6 | Color & Contrast | MEDIUM | color- |
| 7 | Forms & Validation UX | MEDIUM | form- | | 8 | Animation & Performance | LOW-MEDIUM | anim- |
Lignes directrices sur les meilleures pratiques en matière de conception UI/UX et frontend (anciennement frontend-design). Cette compétence doit être utilisée lors de l'écriture, de la révision ou de la conception de code frontend pour garantir l'accessibilité, les performances et la convivialité. Déclencheurs sur des tâches impliquant la structure HTML, le style CSS, les mises en page réactives, la conception de formulaires, les animations ou les améliorations d'accessibilité. Source : thongdn-it/react-agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/thongdn-it/react-agent-skills --skill ui-design- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que ui-design ?
Lignes directrices sur les meilleures pratiques en matière de conception UI/UX et frontend (anciennement frontend-design). Cette compétence doit être utilisée lors de l'écriture, de la révision ou de la conception de code frontend pour garantir l'accessibilité, les performances et la convivialité. Déclencheurs sur des tâches impliquant la structure HTML, le style CSS, les mises en page réactives, la conception de formulaires, les animations ou les améliorations d'accessibilité. Source : thongdn-it/react-agent-skills.
Comment installer ui-design ?
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/thongdn-it/react-agent-skills --skill ui-design 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/thongdn-it/react-agent-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01