Summary
This is a dual-mode accessibility checker that works both as a coding reference and an audit tool. Point it at your React, Vue, or Blade templates and ask it to "audit accessibility" and it'll run through 23 checks across semantic HTML, keyboard nav, WCAG contrast, forms, and ARIA usage. Each result comes back as pass/fail/n/a with exact file and line numbers for failures. The checklist is thorough without being pedantic, covering the stuff that actually breaks for users: focus traps in modals, heading hierarchy, form error announcements, reduced motion support. Good for pre-launch audits or when you inherit a codebase and need to know where you stand on WCAG AA compliance.
Install to Claude Code
npx -y skills add asyrafhussin/agent-skills --skill web-design-guidelines --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
