Skill123
Publish Skill 中文

web-design-guidelines

@vercel-labs/web-design-guidelines

4.7 Excellent
Secure From Skill123

web-design-guidelines encodes Vercel design standards for spacing, typography, accessibility, and performance in agent workflows.

Creative designaccessibilityguidelines

Last verified: 2026-06-22 · Vercel Labs

frontend-design

baoyu-cover-image

brainstorming

seedance-prompt-en
Overview

web-design-guidelines

Apply Vercel web design guidelines for accessible, performant interfaces.

When to use

  • → UI review
  • → Design consistency checks
  • → Accessibility improvements

Platforms

Cursor Claude Code GitHub Copilot

Resources

skill-name/
├── SKILL.md

Source

https://github.com/vercel-labs/agent-skills/skills/web-design-guidelines

Related Skills

frontend-designFeatured

Vercel Labs · Creative

frontend-design produces polished, non-generic UI with intentional typography, color, and motion. Install with npx skills add vercel-labs/agent-skills --skill frontend-design.

4.8Q96
baoyu-cover-imageFeatured

Jim Liu (宝玉) · Creative

baoyu-cover-image generates 公众号 / article covers across type, palette, rendering, text, and mood (JimLiu/baoyu-skills). Install with `npx skills add jimliu/baoyu-skills --skill baoyu-cover-image`.

4.7Q93
brainstorming

obra / Superpowers · Productivity

brainstorming forces a design-and-approval gate before implementation. Install with npx skills add obra/superpowers --skill brainstorming.

4.7Q93
seedance-prompt-enFeatured

dexhunter · Creative

seedance-prompt-en writes 豆包 / 即梦 Seedance 2.0 video prompts with @Image/@Video/@Audio references (dexhunter/seedance2-skill). Install with `npx skills add dexhunter/seedance2-skill`.

4.6Q91

FAQ

How do I install web-design-guidelines?

Send the install prompt to your AI, or run npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines.

Which platforms support web-design-guidelines?

Cursor, Claude Code, GitHub Copilot