| name | web-design-guidelines |
| version | 2.0.0 |
| description | [Code Quality] Use when reviewing UI code for accessibility, responsiveness, performance, and UX best practices. |
| argument-hint | <file-or-pattern> |
Quick Summary
Goal: Review UI code for WCAG 2.2 accessibility, Core Web Vitals performance, and modern web design best practices.
Workflow:
- Identify Target — Use provided file/pattern or ask user which components to review
- Scan Files — Read and Grep target files for violation patterns
- Check Categories — Accessibility, keyboard nav, forms, animation, performance, touch/mobile, content, dark mode/i18n
- Report Findings — Group by file, use
file:line format, terse findings, prioritized summary
Key Rules:
- Review-only skill: finds issues, does NOT fix them
- Check categories in priority order (accessibility first)
- Also reference
docs/project-reference/scss-styling-guide.md if available
Be skeptical. Apply critical thinking, sequential thinking. Every claim needs traced proof, confidence percentages (Idea should be more than 80%).
Web Design Guidelines Review
Review UI code for compliance with WCAG 2.2, Core Web Vitals, and modern web design best practices. This is a skill -- it finds issues, not fixes them.
