← Back to catalog
SkillDesign↓ 721

Web Design Guidelines

Reviews your interface code against UI, UX and accessibility best practices.

Installation
npx claude-code-templates@latest --skill creative-design/web-design-guidelines --yes

This skill has Claude Code review your interface code for design problems.

It checks your files against a set of web interface guidelines that stay up to date.

In practice it fetches the latest rules, reads the files you point to, and flags each issue in a terse file:line format.

It covers UX details, accessibility and visual consistency that a manual review often misses.

When to use

  • To audit the interface before shipping a feature.
  • When you want to check the accessibility and UX of a screen.
  • When reviewing components against design best practices.

How to use

Point to a file or pattern and ask “review my UI against the web design guidelines”.