Skip to content
Frontend UI
Public upstreamVercelPublic source

Web interface guidelines

Review an existing interface against Vercel’s web interface guidelines.

Read SKILL.md

Workflow

This upstream skill fetches the current Web Interface Guidelines and reviews the requested files for accessibility, interaction and usability issues.

Use when

  • Audit an existing UI or review frontend changes.
  • Check accessibility and interaction behavior.

Required inputs

  • Files or a file pattern to review

Expected outputs

  • Findings with file and line references

Prerequisites

  • Access to project files.
  • Web access to fetch the upstream guidelines.

Installation

Run this command in your project after reviewing the instructions and access terms. Install complete upstream directories to keep referenced rules and scripts.

npx skills add https://github.com/vercel-labs/agent-skills/tree/063bee94c3f4df8453406c830b0a7df0f2860278/skills/web-design-guidelines --skill web-design-guidelines --agent claude-code

Project file: .claude/skills/web-design-guidelines/SKILL.md

Read the setup guide

Selection brief

This brief helps you choose the skill. Read the complete upstream SKILL.md and companion files for its actual instructions.

# Web interface guidelines (vercel-web-design-guidelines)
This upstream skill fetches the current Web Interface Guidelines and reviews the requested files for accessibility, interaction and usability issues.

## Use when
- Audit an existing UI or review frontend changes.
- Check accessibility and interaction behavior.

## Required inputs
- Files or a file pattern to review

## Prerequisites
- Access to project files.
- Web access to fetch the upstream guidelines.

## Expected outputs
- Findings with file and line references

Source: https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/skills/web-design-guidelines/SKILL.md
Full SKILL.md: https://agenttaste.dev/skills/vercel-web-design-guidelines/SKILL.md

Related skills

Browse all skills →
AgentTasteFree

Linear Dark UI Standard

Silicon Valley grade dark-mode design system with crisp micro-borders and zero visual bloat.

Claude Code · Cursor · Codex · Antigravity

SKILL.md
AgentTasteFree

Anti-Generic UI Guardrails

Hard restrictions that ban AI from generating repetitive 3-column cards and cliché stock layouts.

Claude Code · Cursor · Codex · Antigravity

SKILL.md