react-aria-patterns
✓Modèles de composants accessibles React Aria (Adobe) pour créer une interface utilisateur interactive conforme aux WCAG avec des hooks. À utiliser lors de l'implémentation de boutons, boîtes de dialogue, listes déroulantes, menus et autres composants accessibles dans les applications React.
Installation
SKILL.md
Build accessible UI components using Adobe's React Aria hooks library with React 19 patterns.
| Decision | Option A | Option B | Recommendation |
| Hook vs Component | useButton hooks | Button from react-aria-components | Hooks for control, Components for speed | | Focus Management | Manual tabIndex | FocusScope component | FocusScope - trapping, restore, auto-focus | | Virtual Lists | Native scroll | useVirtualizer + useListBox | Virtualizer for lists > 100 items |
Modèles de composants accessibles React Aria (Adobe) pour créer une interface utilisateur interactive conforme aux WCAG avec des hooks. À utiliser lors de l'implémentation de boutons, boîtes de dialogue, listes déroulantes, menus et autres composants accessibles dans les applications React. Source : yonatangross/skillforge-claude-plugin.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill react-aria-patterns- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que react-aria-patterns ?
Modèles de composants accessibles React Aria (Adobe) pour créer une interface utilisateur interactive conforme aux WCAG avec des hooks. À utiliser lors de l'implémentation de boutons, boîtes de dialogue, listes déroulantes, menus et autres composants accessibles dans les applications React. Source : yonatangross/skillforge-claude-plugin.
Comment installer react-aria-patterns ?
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/yonatangross/skillforge-claude-plugin --skill react-aria-patterns 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/yonatangross/skillforge-claude-plugin
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01