Back to browse

vercel-labs/agent-skills

web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

59CollectingNetwork access
See source evidenceView GitHub source
npx skills add https://github.com/vercel-labs/agent-skills --skill "skills/web-design-guidelines"
Source profileReview and auditCatalog only

Source checked Jul 28, 2026·Refresh due Oct 26, 2026

Limited to facts supported by the pinned source

What the pinned source establishes about web-design-guidelines

Review files for compliance with Web Interface Guidelines.

npx skills add https://github.com/vercel-labs/agent-skills --skill "skills/web-design-guidelines"
Check the pinned source

The pinned source contains about 140 English words and 3 usable sections. That evidence supports a source profile, not a complete guide.

140 source words · 3 usable sections

Best fit

  • Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

What the source actually contains

3 verifiable source sections for web-design-guidelines

Sections are extracted automatically from the pinned SKILL.md and link back to the source.

01

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

SKILL.md · Usage
Fetch guidelines from the source URL aboveRead the specified filesApply all rules from the fetched guidelines
02

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

SKILL.md · How It Works
Fetch the latest guidelines from the source URL belowRead the specified files (or prompt user for files/pattern)Check against all rules in the fetched guidelines
03

Guidelines Source

Fetch fresh guidelines before each review:

SKILL.md · Guidelines Source
Fetch fresh guidelines before each review:Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Static permission evidence

Inspect the exact source lines that triggered a signal

These are source excerpts matched by deterministic rules, not findings of malicious behavior, safety, or actual execution.

medium · network

SKILL.md · L17

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

The documentation includes network, browsing, or remote request actions.

medium · network

SKILL.md · L25

Fetch guidelines from the source URL above

The documentation includes network, browsing, or remote request actions.

Choose a different workflow

When another Skill is the better fit

web-design-guidelines

Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.

A separate implementation from nexu-io/open-design; compare its source, maintenance signals, and permission requirements.

Open source detail

ab-testing

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," "how long should I run this test," "growth experiments," "experiment velocity," "experiment backlog," "ICE score," "experimentation program

A separate implementation from coreyhaines31/marketingskills; compare its source, maintenance signals, and permission requirements.

Open source detail

design-intelligence

Grounded design brief from the adopted corpus — style, WCAG-checked color tokens, typography, layout pattern, anti-patterns. Use on ui-design-brief or any which-style/palette/font/chart decision.

A separate implementation from event4u-app/agent-config; compare its source, maintenance signals, and permission requirements.

Open source detail

FAQ

How do I install web-design-guidelines?

The source record exposes this install command: npx skills add https://github.com/vercel-labs/agent-skills --skill "skills/web-design-guidelines". Inspect the command and pinned source before running it.

Which permission-related actions were detected?

Static rules flagged network in the source; the page lists the matching lines and excerpts.

Repository stars
29,549
Repository forks
2,648
Quality
59/100
Source repository last pushed

Quality breakdown

Based on traceable docs and repository signals; stars are not treated as quality.

59/100
Documentation19/30
Specificity17/25
Maintenance20/20
Trust signals3/25

Compare before choosing

Related Agent Skills and source variants

These links are selected from shared tasks, functions, stacks, platforms, and same-name variants. Compare the source owner, documentation, permissions, and maintenance signals.

web-design-guidelines by nexu-io

Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.

ab-testing by coreyhaines31

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," "how long should I run this test," "growth experiments," "experiment velocity," "experiment backlog," "ICE score," "experimentation program

design-intelligence by event4u-app

Grounded design brief from the adopted corpus — style, WCAG-checked color tokens, typography, layout pattern, anti-patterns. Use on ui-design-brief or any which-style/palette/font/chart decision.

existing-ui-audit by event4u-app

Use BEFORE writing or editing any non-trivial UI — inventories components, design tokens, shadcn primitives, and reusable patterns into state.ui_audit. Hard gate for the ui directive set.

emil-design-eng by nexu-io

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

View original Skill.mdThis page is parsed directly from the repository SKILL.md without editorial rewriting. Collected: Jul 28, 2026 · about 1 min

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.

Skill path
skills/web-design-guidelines/SKILL.md
Commit SHA
7c180d9044c9
Repository license
—
Data collected