vercel-labs/agent-skills

web-design-guidelines

Reviews interface code against a maintained set of usability, interaction, and accessibility checks.

View GitHub

Installs: 598,831
GitHub stars: 30,719

Install this skill

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

Run install commands only after reviewing the repository, SKILL.md, scripts, requested permissions, and recent repository activity.

Skill overview

Web Design Guidelines, in plain English

Reviews interface code against a maintained set of usability, interaction, and accessibility checks.

This skill is a strong fit for a final UI review after implementation, particularly for keyboard behavior, hierarchy, controls, and content states.Instead of explaining the workflow from scratch each time, you can install it once and give your AI assistant a consistent way to approach the job.

What it helps your AI do

Looks for practical UX problems that ordinary linting does not catch.
Returns compact file-and-line findings that are easy to turn into fixes.
Refreshes its remote guideline source so review criteria can evolve.

Keep exploring

More frontend & design skills

View category

Anthropic

frontend-design

Gives an agent a stronger visual point of view before it starts writing interface code.

Read the review

Vercel

vercel-react-best-practices

A prioritized React and Next.js performance checklist maintained by Vercel Engineering.

Read the review

Remotion

remotion-best-practices

Routes an agent through the right Remotion guidance for building video in React.

Read the review