web-design-guidelines

[IMPORTANT] Use TaskCreate to break ALL work into small tasks BEFORE starting — including tasks for each file read. This prevents context loss from long files. For simple tasks, AI MUST ATTENTION ask user whether to skip.

Quick Summary

Goal: Review UI code for WCAG 2.2 accessibility, Core Web Vitals performance, and modern web design best practices.

Workflow:

1. Identify Target — Use provided file/pattern or ask user which components to review
2. Scan Files — Read and Grep target files for violation patterns
3. Check Categories — Accessibility, keyboard nav, forms, animation, performance, touch/mobile, content, dark mode/i18n
4. 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 (content auto-injected by hook — check for [Injected: ...] header before reading)