Web Design Guidelines

Audit and enforce a cohesive, accessible design system. This skill scans your codebase for design inconsistencies, WCAG AA violations, and dark mode gaps — then produces a prioritised fix list.

Works with any web stack: Next.js, SvelteKit, Astro, plain HTML/CSS, Tailwind, CSS Modules, styled-components.

For detailed checklists and reference tables, read:

• references/wcag.md — contrast ratios, WCAG AA/AAA thresholds, common failures
• references/tokens.md — design token naming conventions, CSS custom property patterns
• references/dark-mode.md — dark mode implementation patterns, common pitfalls
• references/typography.md — type scale, line height, readable size rules

Triggers