What problem does it solve?
This Skill helps ensure web interfaces comply with the Web Interface Guidelines by evaluating code against established accessibility and usability best practices, reducing design debt and improving user experience across projects.
Core Features & Use Cases
- Guideline-based Review: Automatically assess UI code against the latest Web Interface Guidelines.
- Accessibility Checks: Flag contrast issues, keyboard navigation gaps, and ARIA usage flaws.
- UX & Design Audit: Verify consistency, typography, spacing, and responsive behavior across pages or components.
- Use Case: When asked to "review my UI", "check accessibility", or "audit design", run a targeted review against your codebase and generate a concise report of findings with actionable recommendations.
Quick Start
Use the web-design-guidelines skill to review your UI files by providing a path or pattern (for example, 'src/**/*.tsx' or 'public/index.html'). The skill will fetch the latest guidelines and apply them to the specified files, then return a terse, rule-based report.