home / Agent Skills / Web Design Guidelines Skill by @vercel-labs

Web Design Guidelines Skill by @vercel-labs

FREE

github stars★ 31,188updatedJan 2026repo@vercel-labs

$git clone https://github.com/vercel-labs/agent-skills

The skill is the skills/web-design-guidelines folder inside that repository. Copy it into the folder your agent loads skills from; check your agent's documentation for where that is.

about Web Design Guidelines Skill by @vercel-labs

Reviews UI code for compliance with web interface best practices. 100+ rules on accessibility, performance, and UX.

Checks focus states, forms, animation, and dark mode theming
Covers touch interaction and locale/i18n formatting

our take

Reviews interface code against a large list of web interface rules covering accessibility, performance and user experience. The skill itself is short and points to a maintained guidelines source, so the rules stay current without the skill being rewritten.

when to use it

You want a UI pull request checked for accessibility and UX issues
You are building a component library and want a rules baseline
You want consistent review feedback across a team

before you install

The rules live in an external source it fetches, so results depend on that being reachable
The source repository publishes no license, so we link to it rather than host a copy

what's inside

The original SKILL.md is organised into these sections:

How It Works
Guidelines Source
Usage

source and license

Written and maintained by @vercel-labs. No license is published in that repository, so we link to the original and do not host a copy or offer a download. SkillDirectory does not claim authorship: this page adds our own review and links back to the original, and the skill's text belongs to its author.

View the full SKILL.md on GitHub ↗