Modelli di componenti accessibili di React Aria (Adobe) per la creazione di un'interfaccia utente interattiva conforme a WCAG con hook. Da utilizzare quando si implementano pulsanti, finestre di dialogo, caselle combinate, menu e altri componenti accessibili nelle applicazioni React.
Installa rapidamente la skill AI react-aria-patterns nel tuo ambiente di sviluppo tramite riga di comando
Fonte: yonatangross/skillforge-claude-plugin.
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 |
Modelli di componenti accessibili di React Aria (Adobe) per la creazione di un'interfaccia utente interattiva conforme a WCAG con hook. Da utilizzare quando si implementano pulsanti, finestre di dialogo, caselle combinate, menu e altri componenti accessibili nelle applicazioni React. Fonte: yonatangross/skillforge-claude-plugin.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill react-aria-patternsBrowse more skills from yonatangross/skillforge-claude-plugin
Modelli di componenti accessibili di React Aria (Adobe) per la creazione di un'interfaccia utente interattiva conforme a WCAG con hook. Da utilizzare quando si implementano pulsanti, finestre di dialogo, caselle combinate, menu e altri componenti accessibili nelle applicazioni React. Fonte: yonatangross/skillforge-claude-plugin.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill react-aria-patterns Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/yonatangross/skillforge-claude-plugin