web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and usability issues.

8.1k|1.5k|Updated Jan 14, 2026
One-click install
npx skills add https://github.com/vudovn/antigravity-kit --skill web-design-guidelines-vudovn
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/vudovn/antigravity-kit/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/vudovn/antigravity-kit --skill web-design-guidelines-vudovn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure UI code aligns with Web Interface Guidelines, improving accessibility, usability, and consistency across products.

Core Features & Use Cases

  • Guideline-driven audit: Compare UI components, pages, and patterns against the latest Web Interface Guidelines.
  • Automated checks: Identify accessibility issues, color contrast problems, semantic HTML violations, and performance concerns.
  • Use Case: Run a quick review on a new landing page to surface accessibility gaps before release.

Quick Start

Review the current frontend files for accessibility, usability, and design conformance using the latest Web Interface Guidelines.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I audit UI code for accessibility and usability issues?

To audit UI code for accessibility and usability, you can review frontend files like HTML, CSS, and JavaScript against Web Interface Guidelines. This process identifies color contrast problems, semantic HTML violations, and performance concerns, returning findings in a concise file:line format.

What is a web interface guidelines audit?

A web interface guidelines audit is a review process that compares UI components, pages, and design systems against established rules. It surfaces accessibility gaps, semantic HTML violations, and usability issues to ensure products align with best practices.

Can I run an accessibility review on a single landing page before release?

Yes, you can run a quick accessibility review on a single landing page before release. The audit fetches the latest rules from the guidelines source and applies them to your provided frontend files to surface any existing design conformance gaps.

Does this UI audit work with HTML, CSS, and JavaScript codebases?

Yes, this UI audit works directly with HTML, CSS, and JavaScript codebases. It evaluates frontend files across components, pages, and design systems to identify semantic HTML violations and accessibility issues.

What is the best way to check frontend code for semantic HTML violations?

The best way to check frontend code for semantic HTML violations is to run an automated guideline-driven audit. It compares your code against the latest Web Interface Guidelines and returns precise findings in a file:line format for quick resolution.

How do I get audit findings reported in a file:line format?

To get audit findings reported in a file:line format, run a guideline-driven UI review on your frontend files. The audit automatically checks for accessibility and usability issues, returning concise results pinpointing exact locations in your code.