DesignFeatured

Web Design Guidelines

Name: Web Design Guidelines
Rating: 5 (16622 reviews)
Author: Vercel

byVercel

16.6KJan 20, 2025

View Source

Install Command

$npx skills add vercel-labs/agent-skills

About

Review UI code for Web Interface Guidelines compliance. Check accessibility, audit design, and review UX against best practices.

designuiuxaccessibility

How to Use

Run the install command, then use /web-design-guidelines <file> to review UI code against Vercel's Web Interface Guidelines.

Install the skill

Run the install command in your terminal while in your project directory.

Start Claude Code

Open Claude Code in your project. The skill will be automatically detected.

Ask Claude to use it

Claude will automatically use the skill when relevant, or you can explicitly ask for it.

Details

CategoryDesign

GitHub Stars16.6K

CreatedJun 1, 2024

UpdatedJan 20, 2025

View on GitHub

Related Skills

Theme Factory

Toolkit for styling artifacts with themes. 10 pre-set themes with colors/fonts for slides, docs, reportings, and HTML landing pages.

53.7K

Brand Guidelines

Apply Anthropic's official brand colors and typography to artifacts. Use for brand colors, style guidelines, or visual formatting.

53.7K

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

53.7K

Back to Directory

Web Design Guidelines

Install the skill

Start Claude Code

Ask Claude to use it

Details

Theme Factory

Brand Guidelines

Frontend Design

Growth

Resources

GTM Tools

Free Tools

Get In Touch