React Accessible Components
SkillWeb & browsingBuild accessible React components for websites and apps. Use when creating buttons, links, menus, dialogs, tabs, accordions, carousels, forms, icon buttons, nav, skip links, focus states, keyboard behavior, ARIA, semantic markup, or reusable UI primitives.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the React Accessible Components skill
What this skill tells your AI
The instructions your AI receives, as published by thegoat395/codex-skills in skills/react-accessible-components/SKILL.md and read by ahel’s review.
For substantial web work, reuse the scoped web contract when available; it replaces duplicated policy here. Match the requested scope and existing decisions; a missing optional sibling does not block this local procedure.
Use This Skill
Use this skill to build accessible react controls, navigation, and interactive ui.
Required Reference
Read references/react-accessible-components-guide.md before making architectural or visible UI changes with this skill.
Ownership
Own semantic HTML, accessible names, keyboard/focus and programmatic state. Use the current primitive implementation; detailed Radix APIs belong to radix-accessible-primitives only when Radix is actually used. An accessibility repair does not require a styling redesign.
Signals
- GitHub stars
- 124
- Forks
- 48
- Last commit
- Sep 2026
Advanced
- Catalog kind
- skill
- Gateway key
react-accessible-components- Source
- github.com/thegoat395/codex-skills