Шаблоны доступных компонентов React Aria (Adobe) для создания WCAG-совместимого интерактивного пользовательского интерфейса с помощью перехватчиков. Используйте при реализации кнопок, диалоговых окон, полей со списком, меню и других доступных компонентов в приложениях React.
Быстро установите AI-навык react-aria-patterns в вашу среду разработки через командную строку
Источник: yonatangross/orchestkit.
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 |
Шаблоны доступных компонентов React Aria (Adobe) для создания WCAG-совместимого интерактивного пользовательского интерфейса с помощью перехватчиков. Используйте при реализации кнопок, диалоговых окон, полей со списком, меню и других доступных компонентов в приложениях React. Источник: yonatangross/orchestkit.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/yonatangross/orchestkit --skill react-aria-patternsШаблоны доступных компонентов React Aria (Adobe) для создания WCAG-совместимого интерактивного пользовательского интерфейса с помощью перехватчиков. Используйте при реализации кнопок, диалоговых окон, полей со списком, меню и других доступных компонентов в приложениях React. Источник: yonatangross/orchestkit.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/yonatangross/orchestkit --skill react-aria-patterns После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/yonatangross/orchestkit