web-design-guidelines

Provide the files or a file pattern you want reviewed, and the Skill fetches the latest Web Interface Guidelines and checks your code against every rule. Findings are reported in a file:line format so you can navigate directly to each issue.

The workflow has four steps: fetch the latest guidelines from the source URL, read the specified files, apply all rules from the fetched guidelines, and output findings in the format the guidelines specify. If no files are given, you are asked which files to review.

Yes. The guidelines are fetched fresh from the vercel-labs web-interface-guidelines repository before each review rather than relying on cached rules, so audits always reflect the current version of the standards.

Run this audit after coding to catch accessibility, performance, and best-practice violations in existing files. For learning design principles like color, typography, and UX psychology before writing code, use the related frontend-design skill instead.

The Skill asks you which files to review. You can then provide specific file paths or a glob pattern, and the audit proceeds against those targets only.