Fixing Accessibility

Published by podo in design-agent-skills

Review recommended208 installs

What this skill does

|

Add Fixing Accessibility to your agent

Review the source and files first. When you are ready, copy the prompt instruction or use the CLI command supported by your environment.

Install with a prompt

Paste this into a compatible coding agent:

add this skill "fixing-accessibility" from https://github.com/podo/design-agent-skills

Install with the CLI

Run this command in a controlled environment after reviewing the repository:

npx skills add https://github.com/podo/design-agent-skills --skill fixing-accessibility

Skill instructions

fixing-accessibility

Catalogue stub — full skill: ibelick/ui-skills

Decision tree

Run this before any accessibility audit or fix:

Is the full skill already installed? Check: ~/.design-agent-skills/skills/fixing-accessibility/SKILL.md exists AND does NOT contain a das: block.
- Yes → invoke fixing-accessibility and proceed
- No → go to step 2
Do you have shell access?
- Yes → run the install command below, then invoke the skill
- No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only

Install command

npx skills add ibelick/ui-skills --skill fixing-accessibility

Or per-agent:

Claude Code: claude skills add ibelick/ui-skills
Cursor/OpenCode: npx skills add ibelick/ui-skills --skill fixing-accessibility

Invoke after install

Skill name: fixing-accessibility
Trigger phrases: "fixing accessibility", "accessibility audit", "ARIA", "keyboard navigation", "focus management"

What it does

Audits components for missing or incorrect ARIA labels, broken keyboard navigation paths, focus management gaps, color contrast failures, and inaccessible form error patterns. Applies concrete code-level fixes so components meet accessibility standards without losing visual design intent.

Files included

SKILL.md
stub.yaml

More skills