FreePublished on GitHub

react-accessible-components

Implement semantic names, keyboard and focus.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills

See how to install

Files included (3)

SKILL.md1007 B
agents/openai.yaml290 B
references/react-accessible-components-guide.md3.1 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

React Accessible Components

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.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

More skills from this repository

accessibility-audit-websites

Free

Audit semantic and keyboard accessibility.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills129Updated Sep 11, 2026

accessibility-performance-polish

Free

Finish accessibility and performance details.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills129Updated Sep 11, 2026

agent-evaluation-operations

Free

Evaluate agent and skill behavior or routing.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills129Updated Sep 11, 2026

agent-memory-provenance

Free

Design memory provenance and tenant isolation.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills129Updated Sep 11, 2026

agent-orchestration-architecture

Free

Resolve agent ownership and handoff design.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills129Updated Sep 11, 2026

animation-easing-language

Free

Define coherent motion timing and rhythm.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills129Updated Sep 11, 2026

See all skills by TheGoat395

Report a problem with this skill

Install

Install with a command

npx skills add https://github.com/TheGoat395/Codex-Skills --skill react-accessible-components

Paste it into your terminal and run it (requires Node.js). You can choose which agents to install it for, such as Claude Code or Codex.

Ask your agent

Please install the following Agent Skill.
https://github.com/TheGoat395/Codex-Skills/tree/main/skills/react-accessible-components

First review SKILL.md and the bundled files and confirm there is nothing suspicious (such as sending data externally or reading credentials). Then place it in ~/.claude/skills/react-accessible-components/ for Claude Code, or ~/.agents/skills/react-accessible-components/ for Codex.

Send this text to Claude Code or Codex as is. It checks the contents before installing.

View source on GitHub

Repository: TheGoat395/Codex-Skills
Stars: 129
Forks: 48
Category: Development
License: MIT
Original language: English
Last updated: Sep 11, 2026

A skill is a set of instructions and scripts for an agent. cccskills does not guarantee that skills are safe. Review the contents before you install.