Code Review & Testing · IN-DEPTH PROFILE

web-design-guidelines

Review interfaces against practical web design and accessibility rules.

View listed source ↗Installation guide ↓
Best for

Frontend engineers reviewing UI changes

What you get

Audit accessibility + Review interface quality

Main limitation

It depends on network access and a live guideline document whose contents can change over time.

First risk

Rule drift or context-free findings. A live ruleset may change between reviews, and mechanically applied guidance can create false positives. Record the source revision and evaluate each finding in context.

EVIDENCE FRESHNESS

Three checks, kept separate

A recent source check is not a runtime test or security audit.

Upstream sourceChecked 2026-08-20

Pinned revision · b8caa260

Open pinned commit ↗
SkillSignal profileSource-grounded

Updated 2026-08-20

Runtime & securityNot independently verified

Source review does not certify behavior or safety.

30-SECOND BRIEF

What it does—and when it fits

Web Design Guidelines is Vercel's focused interface-review workflow. For each review it fetches the latest guideline source, reads the files named by the user, applies the relevant accessibility and interface rules, and returns terse file:line findings rather than silently changing the implementation.

INSTALL BY AGENT

Choose your Agent

Paths come from official Agent docs or the universal installer behind skills.sh. Compatibility still follows this Skill's record.

Native

This Skill's current record explicitly names this Agent. Still inspect scripts, permissions, and external dependencies first.

Project scope.claude/skills/web-design-guidelines/
Personal scope~/.claude/skills/web-design-guidelines/

Use project scope for team sharing and personal scope across repositories. The installer defaults to project scope; add -g for personal scope.

Install command (project scope)

This source cannot produce a reliable command. Open the listed source and copy the complete Skill folder manually.

Official agent docs

Claude Code discovers custom Skill folders automatically at project or personal scope.

View path evidence ↗

TYPICAL WORKFLOW

A practical workflow

01

Audit accessibility

Check specified interface files for accessibility failures covered by the current guideline set.

02

Review interface quality

Flag relevant interaction, typography, layout, content, and implementation issues.

03

Produce actionable findings

Return concise file and line references that a developer can verify and fix.

THE TRADEOFFS

Advantages and tradeoffs

Notable strengths

  1. This profile is manually organized around the current upstream SKILL.md workflow.
  2. The capability boundary remains explicitly tied to vercel-labs.
  3. Core uses, limitations, and risks are separated for pre-install review.

Limitations

  1. It depends on network access and a live guideline document whose contents can change over time.
  2. It reports issues rather than implementing fixes, and some findings still require product-context judgment.

BEST FIT

Who it is for

→

Frontend engineers reviewing UI changes

→

Design-system and QA teams

BEFORE YOU USE IT

Risks to review before use

Medium

Rule drift or context-free findings

A live ruleset may change between reviews, and mechanically applied guidance can create false positives. Record the source revision and evaluate each finding in context.

Medium

Upstream instruction drift

Behavior can change with upstream updates. Record the commit used for important workflows and review updates before adoption.

SECURITY

What the permission profile means

  • Declared access remains governed by the current upstream SKILL.md and runtime requests.
  • Treat repository files, web content, and tool output as untrusted input.
  • SkillSignal has not independently executed or security-audited this package; external skills.sh labels are not SkillSignal certification.

Not a security certification. External ratings are attributed references. SkillSignal has not independently executed or security-reviewed this Skill.

INSIDE THE PACKAGE

Indexed files

SKILL.mdUpstream Skill instructionsSource-linked

TAGS

ui-reviewaccessibilityweb-guidelines

Manually expanded from the current upstream SKILL.md and linked source at vercel-labs, checked 2026-08-20. This is an original summary, not an execution result or security certification.