UI Craft
MemTensor/memmy-agent
Design, build, redesign, or modify browser-visible web interfaces with product-quality composition, visual systems, interaction states, responsive behavior, accessibility, and browser visual QA.
Web UI accessibility lead. An agent skill from Community-Access/accessibility-agents.
Install Accessibility Lead
$ npx skills add Community-Access/accessibility-agents --skill accessibility-lead -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Community-Access/accessibility-agents accessibility-lead --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/Community-Access/accessibility-agents.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/accessibility-lead .claude/skills/accessibility-lead && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "accessibility-lead" agent skill from https://github.com/Community-Access/accessibility-agents/tree/main/skills/accessibility-lead into .claude/skills/accessibility-lead/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "accessibility-lead", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/Community-Access/accessibility-agents/tree/main/skills/accessibility-leadType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add Community-Access/accessibility-agents --skill accessibility-lead -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Community-Access/accessibility-agents accessibility-lead --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Community-Access/accessibility-agents.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/accessibility-lead .agents/skills/accessibility-lead && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "accessibility-lead" agent skill from https://github.com/Community-Access/accessibility-agents/tree/main/skills/accessibility-lead into .agents/skills/accessibility-lead/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "accessibility-lead", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Community-Access/accessibility-agents --skill accessibility-lead -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Community-Access/accessibility-agents accessibility-lead --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Community-Access/accessibility-agents.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/accessibility-lead .cursor/skills/accessibility-lead && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "accessibility-lead" agent skill from https://github.com/Community-Access/accessibility-agents/tree/main/skills/accessibility-lead into .cursor/skills/accessibility-lead/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "accessibility-lead", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/Community-Access/accessibility-agents.git --path skills/accessibility-lead--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add Community-Access/accessibility-agents --skill accessibility-lead -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Community-Access/accessibility-agents accessibility-lead --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Community-Access/accessibility-agents.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/accessibility-lead .gemini/skills/accessibility-lead && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "accessibility-lead" agent skill from https://github.com/Community-Access/accessibility-agents/tree/main/skills/accessibility-lead into .gemini/skills/accessibility-lead/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "accessibility-lead", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install Community-Access/accessibility-agents accessibility-leadInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add Community-Access/accessibility-agents --skill accessibility-lead -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Community-Access/accessibility-agents.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/accessibility-lead .github/skills/accessibility-lead && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "accessibility-lead" agent skill from https://github.com/Community-Access/accessibility-agents/tree/main/skills/accessibility-lead into .github/skills/accessibility-lead/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "accessibility-lead", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Community-Access/accessibility-agents --skill accessibility-lead -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Community-Access/accessibility-agents accessibility-lead --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Community-Access/accessibility-agents.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/accessibility-lead .opencode/skills/accessibility-lead && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "accessibility-lead" agent skill from https://github.com/Community-Access/accessibility-agents/tree/main/skills/accessibility-lead into .opencode/skills/accessibility-lead/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "accessibility-lead", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
accessibility-lead- GitHub stars
- 423
- Token cost
- ~932 tokens
- SKILL.md length
- 429 words
- Files
- 6 (incl. references)
- Skills in repo
- 108
- Repo updated
- First seen
- Licence
- MIT
At a glance
Web UI accessibility lead. An agent skill from Community-Access/accessibility-agents.
- Works in 5 steps: Classify the change. What did the user… → Pick specialists. As few as the change… → Dispatch them in parallel. They are… → …
- Tasks that involve Accessibility
- SKILL.md covers What you do, in order, Dispatching skills, Reporting and When to escalate, plus 2 more sections
- Calls node
What it does
Accessibility Lead is an agent skill from Community-Access/accessibility-agents. Web UI accessibility lead. Use before writing or changing HTML, JSX, TSX, Vue, Svelte, CSS or templates. Picks specialists and merges their findings.
Its SKILL.md is about 930 tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including reference files (for example `agents/openai.yaml`, `references/decision-matrix.md` and `references/dispatch-matrix.md`).
It sits in Frontend & Design, covering Accessibility, React components and Frontend development. It works with Svelte and Vue.js. The repository describes itself as: Accessibility review agents for Claude Code, GitHub Copilot, and Claude Desktop. Eleven specialists that enforce WCAG 2.2 AA compliance so AI coding tools stop generating… The licence is MIT.
When your agent uses it
- Tasks that involve Accessibility
- Tasks that involve React components
- Tasks that involve Frontend development
Example prompts
- “/accessibility-lead”
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Classify the change. What did the user touch, and which accessibility
- Pick specialists. As few as the change warrants, as many as it needs. A
- Dispatch them in parallel. They are independent; waiting on them one at a
- Merge and rank. Deduplicate by rule plus location. Order by severity,
- Say whether it ships. Critical or serious findings mean no. Say that
What it can do on your machine
Read from SKILL.md and the folder at commit decf6ba. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
node
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Accessibility Lead loads about 932 tokens when it runs, and up to ~4.9k if it reads all its reference files. Until then it costs about 42 tokens; SKILL.md has 429 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from Community-Access/accessibility-agents at commit decf6ba, republished under its MIT licence (© Community-Access). 429 words, ~932 tokens.
Download SKILL.mdSave it as
.claude/skills/accessibility-lead/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.- name
- accessibility-lead
- description
- Web UI accessibility lead. Use before writing or changing HTML, JSX, TSX, Vue, Svelte, CSS or templates. Picks specialists and merges their findings.
- license
- MIT
- metadata.tier
- router
- metadata.domain
- web
- metadata.output
- report
- metadata.effort
- high
- metadata.title
- Accessibility Lead
You are the Accessibility Lead. You do not review everything yourself. You decide which specialists a change needs, dispatch them, merge what they return, and decide whether the work is ready.
Models forget accessibility while generating code. You are the reason this one does not.
What you do, in order
- Classify the change. What did the user touch, and which accessibility
domains does that put at risk?
references/decision-matrix.mdmaps change shapes to specialists. - Pick specialists. As few as the change warrants, as many as it needs. A
targeted ARIA fix is two skills. A new modal is four. A page rewrite is the
full team.
references/dispatch-matrix.mdis the roster. - Dispatch them in parallel. They are independent; waiting on them one at a time wastes the user's time.
- Merge and rank. Deduplicate by rule plus location. Order by severity, then by how many places the same defect appears.
- Say whether it ships. Critical or serious findings mean no. Say that plainly rather than listing issues and leaving the call to the reader.
For a full guided audit of a whole site or app, hand off to
web-accessibility-wizard instead of running the phases yourself.
Dispatching skills
Pick from references/dispatch-matrix.md, then dispatch each with your client's
subagent primitive using exactly this prompt shape. Never read a skill's
instructions into your own context, and never paste its body into a prompt.
Activate the skill "<skill-name>". If skill activation is unavailable,
read skills/<skill-name>/SKILL.md and follow it.
Task: <one paragraph, what to check and why>
Scope: <file list or glob>
Rules: semantic HTML before ARIA; report, do not edit.
Return ONLY JSON matching skills/a11y-core/schemas/findings.schema.json.You receive JSON. You do not receive prose, and you should reject and re-dispatch anything that arrives as prose.
Show full SKILL.md (178 more words)Show less
Reporting
Lead with the verdict, then the blocking findings, then the rest. For each finding give the location, the criterion, and the fix. Never report a count without the findings behind it.
When a change is clean, say which specialists ran and what they checked. "No issues found" without that is indistinguishable from "nobody looked".
When to escalate
- The user wants a full audit with a written report:
web-accessibility-wizard - Office, PDF or ePub files:
document-accessibility-wizard - Markdown documentation:
markdown-a11y-assistant - React Native, Expo, iOS or Android:
mobile-accessibility - Design tokens before they reach components:
design-system-auditor
Reference files
Read one only when the task reaches it. Do not read them all up front.
references/decision-matrix.md- which specialists a given change needsreferences/dispatch-matrix.md- the full roster, with what each answersreferences/team-and-coordination.md- working alongside other team leadsreferences/reliability.md- parallel dispatch, retries, partial results
Output contract
Collect findings as JSON from each specialist you dispatch, write them to
.a11y-history/<timestamp>/, then render the report with
node skills/a11y-core/scripts/render-report.mjs. Do not type the report by hand.
Shared rules, dispatch contract and schemas: skills/a11y-core/SKILL.md.
Authoritative specifications for this skill: skills/a11y-core/references/sources.md.
© Community-Access, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 5 other files (references) in skills/accessibility-lead of Community-Access/accessibility-agents.
- SKILL.md
- agents/openai.yaml
- references/decision-matrix.md
- references/dispatch-matrix.md
- references/reliability.md
- references/team-and-coordination.md
Open the folder on GitHubat commit decf6ba
Compare with similar skills
Accessibility Lead next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Accessibility Lead this skillCommunity-Access/accessibility-agents | 423 | — | ~932 | Automated safety check: Pass | MIT | |
| UI CraftMemTensor/memmy-agent | 2.1k | — | ~2.9k | Automated safety check: Pass | MIT | |
| UI/UX Design System AdvisorGalaxy-Dawn/claude-scholar | 5.7k | 1 repos | ~1.1k | Automated safety check: Pass | MIT | |
| Design StyleCastor6/tactus | 376 | 1 repos | ~2.1k | Automated safety check: Pass | Apache-2.0 | |
| Tailwind To Stylexshadcn-labs/shadcn-cssinjs | 123 | — | ~2.7k | Automated safety check: Pass | MIT | |
| UI UX Pro MaxOhh-889/skyroc | 795 | 27 repos | ~3.6k | Automated safety check: Notes | MIT |
Similar skills
UI/UX Design System Advisor
Galaxy-Dawn/claude-scholar
Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.
Design Style
Castor6/tactus
A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.
Tailwind To Stylex
shadcn-labs/shadcn-cssinjs
Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs.
UI UX Pro Max
Ohh-889/skyroc
UI/UX design intelligence. An agent skill from Ohh-889/skyroc.
Frontend Design
jwynia/agent-skills
Create distinctive, production-grade frontend interfaces with high design quality.
More from Community-Access/accessibility-agents
All 108 skills in this repoA11y Core
Community-Access/accessibility-agents
Shared contract for the Accessibility Agents skills - dispatch, findings schema, report rules.
Kb Web Scanning
Community-Access/accessibility-agents
Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents.
Alt Text Headings
Community-Access/accessibility-agents
Alt text, SVGs, figures, charts, heading order, page titles and landmarks.
Aria Specialist
Community-Access/accessibility-agents
ARIA roles, states and properties for custom widgets and dynamic content.
Cognitive Accessibility
Community-Access/accessibility-agents
Plain language, WCAG 2.2 cognitive criteria, COGA guidance and auth UX.
Contrast Master
Community-Access/accessibility-agents
Color contrast, themes, dark mode, non-text contrast and color-only meaning.
Related
Categories
Questions about Accessibility Lead
What does Accessibility Lead do?
Web UI accessibility lead. An agent skill from Community-Access/accessibility-agents. Accessibility Lead is an agent skill from Community-Access/accessibility-agents. Web UI accessibility lead.
When should I use Accessibility Lead?
Accessibility Lead fits situations like: tasks that involve Accessibility; tasks that involve React components; tasks that involve Frontend development.
How do I install Accessibility Lead in Claude Code?
Run `npx skills add Community-Access/accessibility-agents --skill accessibility-lead -a claude-code`. Or copy the skill folder (skills/accessibility-lead in Community-Access/accessibility-agents) into .claude/skills/accessibility-lead in your project. Claude Code loads it when a task matches its description.
How do I install Accessibility Lead in Codex?
Run `npx skills add Community-Access/accessibility-agents --skill accessibility-lead -a codex`. Or copy the skill folder (skills/accessibility-lead in Community-Access/accessibility-agents) into .agents/skills/accessibility-lead in your project. Codex loads it when a task matches its description.
Can I use Accessibility Lead in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Community-Access/accessibility-agents --skill accessibility-lead -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/accessibility-lead, .gemini/skills/accessibility-lead, .github/skills/accessibility-lead and .opencode/skills/accessibility-lead in your project.
What does Accessibility Lead need to run?
Going by SKILL.md and its folder, Accessibility Lead needs the command-line tools its instructions call (node).
Does Accessibility Lead access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Accessibility Lead safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Accessibility Lead use?
Accessibility Lead is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Accessibility Lead use?
About 932 tokens (SKILL.md is roughly 3.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 3.9k tokens, read only when the agent opens those files.
What are the alternatives to Accessibility Lead?
Skills that share tags, products or a category with Accessibility Lead: UI Craft (MemTensor/memmy-agent, 2.1k stars), UI/UX Design System Advisor (Galaxy-Dawn/claude-scholar, 5.7k stars), Design Style (Castor6/tactus, 376 stars) and Tailwind To Stylex (shadcn-labs/shadcn-cssinjs, 123 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Accessibility Lead?
Community-Access (a GitHub organization) maintains it in Community-Access/accessibility-agents, which has 423 GitHub stars. The repository holds 108 skills in this directory. The repository was last updated on September 23, 2026.
Source: Community-Access/accessibility-agents on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.