skills.rest
Kilo-Org
Kilo-OrgOFFICIAL
Explore all skills by this author →
Website𝕏@kilocodeGitHub

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
One-click install
npx skills add https://github.com/Kilo-Org/kilo-marketplace --skill web-design-guidelines-kilo-org
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
DyreanDyrean

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and UX gaps.

Community
Intermediate
cagdotincagdotin
36

web-design-guidelines

Evaluate frontend UI code against Web Interface Guidelines for accessibility and usability gaps.

Community
Intermediate
zero-rehqzero-rehq

web-design-guidelines

Audit frontend UI against 100+ Web Interface Guidelines rules for accessibility, UX, and performance gaps.

Community
Advanced
tom-xstom-xs

accessibility-selenium-testing

Automate WCAG 2.1/2.2 accessibility audits with Selenium WebDriver and axe-core.

Community
Advanced