Web Design Guidelines

Web design principles, accessibility standards, visual hierarchy, and responsive layout patterns for AI coding agents. 285.6K installs.

High Quality

Popular

New

Join 285,600+ developers using this skill

plugin

Design

beginner

285,600 installs

5/5 quality

View Source

Last updated: April 29, 2026

AI Skill Market Insights

Real data. Real impact.

Popularity

Top 10%

Most installed

Active Users

285,600+

Developers

Quick Start

Install Command

npx skills add vercel-labs/agent-skills/web-design-guidelines

TEAR & SHARE

10+hrs/WK

TOP 10%

285.6K+ USING

Web Design Guidelines Skill

An Agent Skill from Vercel Labs that gives your AI assistant a working knowledge of web design fundamentals: visual hierarchy, spacing systems, accessible color contrast, typography scales, and responsive layout.

What it covers

Visual hierarchy and information architecture
Accessible color contrast (WCAG AA/AAA)
Spacing and layout systems (8pt grid)
Typography: scale, weight, line-height
Responsive design patterns
Motion and animation principles
Form design and usability

Result

Your agent designs UIs that look intentional rather than generic — with consistent spacing, readable type, and accessible contrast — without you having to specify every detail.

Web Design Guidelines

AI Skill Market Insights

Quick Start

Install Command

TEAR & SHARE

Tags

Extract Design System

Join 286K+ Developers Using This Skill

Web Design Guidelines Skill

What it covers

Result

License

Sleek Mobile Design

Design Taste Bundle

Frontend Design (Anthropic)

High-End Visual Design

Channels

Learn

Compare

Company