react-aria-patterns
✓Patrones de componentes accesibles de React Aria (Adobe) para crear una interfaz de usuario interactiva compatible con WCAG con ganchos. Úselo al implementar botones, cuadros de diálogo, cuadros combinados, menús y otros componentes accesibles en aplicaciones React.
Instalación
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 |
Patrones de componentes accesibles de React Aria (Adobe) para crear una interfaz de usuario interactiva compatible con WCAG con ganchos. Úselo al implementar botones, cuadros de diálogo, cuadros combinados, menús y otros componentes accesibles en aplicaciones React. Fuente: yonatangross/orchestkit.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/yonatangross/orchestkit --skill react-aria-patterns- Fuente
- yonatangross/orchestkit
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es react-aria-patterns?
Patrones de componentes accesibles de React Aria (Adobe) para crear una interfaz de usuario interactiva compatible con WCAG con ganchos. Úselo al implementar botones, cuadros de diálogo, cuadros combinados, menús y otros componentes accesibles en aplicaciones React. Fuente: yonatangross/orchestkit.
¿Cómo instalo react-aria-patterns?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/yonatangross/orchestkit --skill react-aria-patterns Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/yonatangross/orchestkit
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01