Summary
This gives Claude a comprehensive checklist to audit your UI code against modern web standards. It covers accessibility (semantic HTML, ARIA labels, keyboard nav), performance (Core Web Vitals, image optimization), responsive design, and common component patterns like forms and modals. The output format is clean and actionable, pinpointing exact file locations with rule IDs. What I like is the prioritization system at the end, so you know which issues are critical versus nice-to-have. It's opinionated in the right ways, like "never use div onClick" and specific about metrics like 4.5:1 contrast ratios. Good for catching issues before they ship, especially if you're working without a dedicated design system or accessibility expert on the team.
Install to Claude Code
npx -y skills add cloudai-x/claude-workflow-v2 --skill web-design-guidelines --agent claude-codeInstalls into .claude/skills of the current project.
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 →
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Files
SKILL.md
Select a file.
Featured
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 →An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →First SeenJun 11, 2026
