# web-design-guidelines

> Review UI code for compliance with web interface best practices.

- Author: Victor de Andrade
- Repository: 50sotero/victor-website-cv
- Version: 20260131131915
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-07
- Source: https://github.com/50sotero/victor-website-cv
- Web: https://mule.run/skillshub/@@50sotero/victor-website-cv~web-design-guidelines:20260131131915

---

---
name: web-design-guidelines
description: Review UI code for compliance with web interface best practices.
---

# Web Design Guidelines

Review UI code for compliance with web interface best practices. Audits your code for 100+ rules covering accessibility, performance, and UX.

## Use when:
- "Review my UI"
- "Check accessibility"
- "Audit design"
- "Review UX"
- "Check my site against best practices"

## Categories covered:
- Accessibility (aria-labels, semantic HTML, keyboard handlers)
- Focus States (visible focus, focus-visible patterns)
- Forms (autocomplete, validation, error handling)
- Animation (prefers-reduced-motion, compositor-friendly transforms)
- Typography (curly quotes, ellipsis, tabular-nums)
- Images (dimensions, lazy loading, alt text)
- Performance (virtualization, layout thrashing, preconnect)
- Navigation & State (URL reflects state, deep-linking)
- Dark Mode & Theming (color-scheme, theme-color meta)
- Touch & Interaction (touch-action, tap-highlight)
- Locale & i18n (Intl.DateTimeFormat, Intl.NumberFormat)