web-design-guidelines

Provide a file path or pattern to the skill, which fetches the latest Web Interface Guidelines and checks your code against every rule. Findings are reported in a compact file:line format so you can jump directly to each violation.

Point the skill at your Next.js page or component files and it will fetch the current guidelines from the vercel-labs repository, then apply all rules to your code. If you omit files, it asks which ones to review.

Yes, the skill fetches the latest guidelines from a raw GitHub URL before each review using WebFetch. Without network access it cannot retrieve the current rule set to evaluate your files.

The review outputs findings in a terse file:line format, with each violation tied to its exact location in your source code. The precise output format is defined by the fetched guidelines document.

Automated checks only cover rules expressible in the fetched guidelines and cannot judge subjective visual quality or runtime behavior. Manual design review and browser testing are still needed for full UX validation.