Percerno Skillsbeta
← everything it can do · compliance

Web Design Guidelines TEXT

Reviews UI code files for compliance with the Vercel Web Interface Guidelines, checking for accessibility, UX, and design best practices. It outputs specific findings in a `file:line` format based on the latest fetched rules.

2 uses this weeksource vercel-labslicence MIT
Quality gate: PASS · better answers · measured 2026-10-24
Blind-judged against the bare model on 2 requests: average lift +3.5 points (specificity, structure, method, fit).
won 2/2, lift +3.5, tokens ×118.93
Security scan: clean · 2026-10-24 · 1 files · ran in sandbox
no network calls, shell tricks, credential access or instruction tampering found in its files.

Try asking

Say it in your own words; the assistant finds this recipe by itself. Examples:

“Gennemgå mine React-komponenter i src/components-mappen efter web-interface-guidelines.”
“Tjek om min landingsside er tilgængelig og følger bedste praksis.”
“Auditér knap-stilene i styles.css for overensstemmelse.”
“Review my React components in the src/components folder against the web interface guidelines.”
“Check if my landing page HTML is accessible and follows best practices.”
“Audit the button styles in styles.css for compliance.”
Try this skill from Claude, ChatGPT or a chat on your own page. Free plan, no credit card.Get started free

Good for

ui-reviewaccessibilityux-auditweb-guidelinescode-reviewdesign-systemcompliancefrontend

Not for

Do not use this for general code quality reviews, performance optimization, or backend logic checks. It is not for creating new UI components from scratch, but rather for auditing existing code against specific interface standards.

Details

When it is the right choice

Use this skill when a user asks to review their UI code, check accessibility, or audit their design against best practices. It is specifically for analyzing code files to ensure they adhere to the Vercel Web Interface Guidelines.

The full recipe the assistant reads

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

  1. Fetch the latest guidelines from the source URL below
  2. Read the specified files (or prompt user for files/pattern)
  3. Check against all rules in the fetched guidelines
  4. Output findings in the terse file:line format

Guidelines Source

Fetch fresh guidelines before each review:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Usage

When a user provides a file or pattern argument: 1. Fetch guidelines from the source URL above 2. Read the specified files 3. Apply all rules from the fetched guidelines 4. Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

Files in this skill (1)
  • SKILL.md
Where it comes from

Vendored from vercel-labs/agent-skills, commit 063bee94c3f4, path skills/web-design-guidelines, licence MIT. The upstream licence file ships inside the skill.