skills.rest
guanyang
guanyangCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines and accessibility.

947|163|Updated Jan 13, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/guanyang/antigravity-skills --skill web-design-guidelines-guanyang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/guanyang/antigravity-skills/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/guanyang/antigravity-skills --skill web-design-guidelines-guanyang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving consistency, accessibility, and overall design quality.

Core Features & Use Cases

  • Automated Review: Scans UI code against a comprehensive set of design and accessibility rules.
  • Guideline Compliance: Verifies adherence to best practices for web interfaces.
  • Use Case: Before deploying a new feature, use this Skill to audit the UI code for compliance with accessibility standards and Vercel's internal design system.

Quick Start

Use the web-design-guidelines skill to review the UI code in the 'src/components' directory.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check my front-end code for UI accessibility compliance?▼

To check UI code for accessibility compliance, review your front-end components against established Web Interface Guidelines to verify adherence to best practices and design standards.

What is the best way to audit a design system for web interface guidelines?▼

The best way to audit a design system for web interface guidelines is to scan specified UI code files or patterns to verify consistency, accessibility, and overall design quality across components.

Can I review UI code in my src/components directory for web design best practices?▼

Yes, you can review UI code in directories like src/components by fetching external guideline definitions and applying them to your specified front-end files to detect accessibility and standard violations.

Does web design code review work without external guideline definitions?▼

No, web design code review requires fetching external guideline definitions to apply the specific accessibility and design system rules needed to evaluate your UI code patterns accurately.

When should I run an accessibility and best practices review on my UI code?▼

You should run an accessibility and best practices review on your UI code before deploying a new feature, ensuring the front-end implementation meets consistency and web interface standards.

Related Skills

Explore More Design & Creative Skills→
pkoka888pkoka888
1

web-design-guidelines

Review HTML, CSS, and front-end files against Web Interface Guidelines.

Community
Intermediate
vobasevobase
59

polish

Inspect UI components, layouts, and accessibility for pre-release polish issues.

Official
Intermediate
breakingcircuits1337breakingcircuits1337

web-design-guidelines

Audit UI code against Web Interface Guidelines for compliance.

Community
Advanced
giosuetedeschi-specgiosuetedeschi-spec

web-design-guidelines

Evaluate web interface code for compliance with design and accessibility standards.

Community
Intermediate