web-design-guidelines

Evaluate UI code against Web Interface Guidelines for accessibility and design compliance.

166|116|Updated Jan 19, 2026

Search Tags:#automation #design #ui #accessibility #compliance #review #web-guidelines

Ready to run

npx skills add https://github.com/Kilo-Org/kilo-marketplace --skill web-design-guidelines-kilo-org

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Kilo-Org/kilo-marketplace/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/Kilo-Org/kilo-marketplace --skill web-design-guidelines-kilo-org

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Many teams struggle to ensure UI code meets accessibility and design guidelines, leading to inconsistencies and usability issues across products.

Core Features & Use Cases

Guideline-driven review: Checks UI code for accessibility, semantic markup, contrast, responsive behavior, and visual correctness.
Audit scenarios: Useful for code reviews, UX validation, and site-wide design compliance audits.
Output: Produces a concise findings report that can guide remediation and parity with guidelines.

Quick Start

Provide the path to UI code or a file pattern to begin the review.

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 design compliance?▼

To audit UI code for accessibility and design compliance, provide a file path or pattern. The review fetches the latest web interface guidelines, analyzes the target files, and returns a concise report identifying remediation gaps.

What is a web interface guidelines review?▼

A web interface guidelines review evaluates UI code against the latest standards to identify accessibility, semantic markup, contrast, and responsive behavior gaps. It produces a findings report suitable for guiding code remediation and UX validation.

How do I check my UI code for accessibility gaps during a code review?▼

To check UI code for accessibility gaps during a code review, run an audit using a specified file path. The analysis evaluates semantic markup and contrast against web guidelines to return a concise report of compliance gaps.

Can I validate responsive behavior and visual correctness for a site-wide audit?▼

Yes, you can validate responsive behavior and visual correctness for a site-wide audit. The review evaluates UI code against web interface guidelines to identify design inconsistencies and returns findings suitable for remediation.

Do I need specific dependencies to run a UI design compliance audit?▼

No specific dependencies are required to run a UI design compliance audit. You simply provide the path to your UI code or a file pattern, and the review fetches the latest guidelines to analyze the target files for compliance gaps.