LogoVibeCodingHunt

Agent Skill

Web Design Guidelines

A UI review skill that fetches Vercel's current interface guidelines and reports concise file-and-line findings.

Design Review
Accessibility
Vercel

What is Web Design Guidelines?

Web Design Guidelines is designed for audits rather than visual generation. Before each review it retrieves the current guideline document, reads the requested files, and checks the implementation against the full ruleset. Findings are intentionally terse and anchored to file and line locations, making the output suitable for a focused remediation pass. Because the rules are fetched at review time, the skill does not freeze an old copy of rapidly evolving accessibility and interaction guidance inside the installation.

Key capabilities

Fresh rules per audit

Fetches the maintained guideline source before reviewing so the audit uses current guidance.

Source-level findings

Reports issues in a compact file:line format instead of producing a long generic design essay.

Broad interface review

Applies the complete fetched ruleset to accessibility, interaction, layout, and user experience code.

Use cases

Audit a new interface

Review selected components or routes before release and produce an actionable defect list.

Check a design refactor

Run a targeted second pass after layout, accessibility, or interaction changes.

Compatibility

Codex
Claude Code
Cursor
GitHub Copilot
OpenCode
  • Network access to retrieve the current guideline source
  • UI source files or a file pattern to review

FAQs