Source profileQuality 59/100

vercel-labs/agent-skills/skills/web-design-guidelines/SKILL.md

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".

Source repository stars: 29,549
Declared platforms: 0
Static risk flags: 1
Last source update: 2026-07-24
Source checked: 2026-07-28

Decision Compatibility Install Workflow Permissions Evidence Source

Decision brief

What it does—and where it fits

Review files for compliance with Web Interface Guidelines.

Best for

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

Not for

Tasks that require unconfirmed production actions or broad system permissions.
Environments where the pinned source and install steps cannot be inspected.

Compatibility matrix

Platform support, with evidence labels

Platform	Status	Evidence	What to check
Codex	Not declared	No explicit evidence	Portability before use
Claude Code	Not declared	No explicit evidence	Portability before use
Cursor	Not declared	No explicit evidence	Portability before use
Gemini CLI	Not declared	No explicit evidence	Portability before use

Open the compatibility checker

Installation

Inspect first. Install second.

The source command is displayed only when detected. A safe inspection prompt is always available so your agent can explain every action before execution.

Source-detected install commandSource

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

Safe inspection promptEditorial

Inspect the Agent Skill "web-design-guidelines" from https://github.com/vercel-labs/agent-skills/blob/7c180d9044c9ae2b442b567aad4e42a28dd5ed62/skills/web-design-guidelines/SKILL.md at commit 7c180d9044c9ae2b442b567aad4e42a28dd5ed62. List every install step, command, network request, credential, file read/write, external action, and rollback step. Explain whether it fits my task. Do not install or execute anything until I approve.

Workflow

What the source asks the agent to do

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
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
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:
Fetch fresh guidelines before each review:Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Permission review

Static risk signals and limitations

Network access

medium · line 17

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

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

Network access

medium · line 25

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

Fetch guidelines from the source URL above

Evidence record

Why each signal appears

EvidenceSourceComputedTestedEditorial

Signal	Value	Evidence type	Meaning
Quality score	59/100	Computed	Documentation, specificity, maintenance, and trust rules
Repository stars	29,549	Source	Repository attention, not individual Skill quality
Compatibility	0 platforms	Source	Declared in the catalog source record
Usage guide	catalog record	Editorial	Generated or reviewed according to the visible evidence level

Pinned source

Provenance and original SKILL.md

Repository: vercel-labs/agent-skills
Skill path: skills/web-design-guidelines/SKILL.md
Commit: 7c180d9044c9ae2b442b567aad4e42a28dd5ed62
License: Not declared
Collected: 2026-07-28
Default branch: main

View the original SKILL.md

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

Fetch the latest guidelines from the source URL below
Read the specified files (or prompt user for files/pattern)
Check against all rules in the fetched guidelines
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:

Fetch guidelines from the source URL above
Read the specified files
Apply all rules from the fetched guidelines
Output findings using the format specified in the guidelines

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

Alternatives

Compare before choosing

Computed 6882,073

nexu-io/open-design

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.

Computed 10042,015

coreyhaines31/marketingskills

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

Computed 1007

event4u-app/agent-config

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.

Computed 1007

event4u-app/agent-config

existing-ui-audit

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.