git:20260621.2caaecc to git:20260905.f7824ba

8 added, 10 removed. Audit A to A.

---

name: react-accessible-components

- description: Build 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.

+ description: "Implement semantic names, keyboard and focus."

---

# React Accessible Components

- ## Use This Skill

- Use this skill for build accessible react controls, navigation, and interactive ui.

+ For substantial web work, reuse the [scoped web contract](../website-operating-rules/references/scoped-web-contract.md) when available; it replaces duplicated policy here. Match the requested scope and existing decisions; a missing optional sibling does not block this local procedure.

- ## Operating Contract

+ ## Use This Skill

- 1. Inspect the existing project before changing code.

- 2. Identify the router/framework, entry files, styling system, and interaction system.

- 3. Keep premium visual standards active: no generic copy, no default-looking UI, no unfinished states.

- 4. Follow existing project conventions unless a change clearly improves the result.

- 5. Run available checks and visually inspect responsive output when the change affects UI.

+ Use this skill to build accessible react controls, navigation, and interactive ui.

## Required Reference

Read [references/react-accessible-components-guide.md](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.