Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
vudovn avatar

Web Design Guidelines

  • 195 installs
  • 8.1k repo stars
  • Updated August 4, 2026
  • vudovn/antigravity-kit

Use web-design-guidelines for development tasks

About

web-design-guidelines: A skill skill for development. This skill provides functionality for development workflows.

  • web-design-guidelines

Web Design Guidelines by the numbers

  • 195 all-time installs (skills.sh)
  • +3 installs in the week ending Aug 5, 2026 (Skillselion tracking)
  • Ranked #2,073 of 4,347 Backend & APIs skills by installs in the Skillselion catalog
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/vudovn/antigravity-kit --skill web-design-guidelines

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs195
repo stars8.1k
Last updatedAugust 4, 2026
Repositoryvudovn/antigravity-kit

What it does

Use web-design-guidelines for development tasks

Files

SKILL.mdMarkdownGitHub ↗

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

1. Fetch the latest guidelines from the source URL below 2. Read the specified files (or prompt user for files/pattern) 3. Check against all rules in the fetched guidelines 4. Output findings in the terse file:line format

Guidelines Source

Fetch fresh guidelines before each review:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Usage

When a user provides a file or pattern argument: 1. Fetch guidelines from the source URL above 2. Read the specified files 3. Apply all rules from the fetched guidelines 4. Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

---

Related Skills

SkillWhen to Use
[frontend-design](../frontend-design/SKILL.md)Before coding - Learn design principles (color, typography, UX psychology)
web-design-guidelines (this)After coding - Audit for accessibility, performance, and best practices

Design Workflow

1. DESIGN   → Read frontend-design principles
2. CODE     → Implement the design
3. AUDIT    → Run web-design-guidelines review ← YOU ARE HERE
4. FIX      → Address findings from audit

Related skills

Forks & variants (1)

Web Design Guidelines has 1 known copy in the catalog totaling 18 installs. They canonicalize to this original listing.

Backend & APIsbackendintegrations

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.