skills.rest
piyushmal13
piyushmal13COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit HTML/CSS/JS codebases for UI guideline non-conformities.

Updated Aug 27, 2026
Search Tags:#accessibility#a11y#code-review#web-design#design-consistency#ui-guidelines#ui-audit
One-click install
npx skills add https://github.com/piyushmal13/kandhogaya --skill web-design-guidelines-piyushmal13
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/piyushmal13/kandhogaya/tree/main/.kilocode/skills/web-design-guidelines
Command: npx skills add https://github.com/piyushmal13/kandhogaya --skill web-design-guidelines-piyushmal13

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams ensure their web UI code adheres to established interface guidelines, catching accessibility, consistency, and usability issues early.

Core Features & Use Cases

  • Guideline conformance checks: Evaluate code against the latest web interface guidelines.
  • Accessibility auditing: Identify contrast, keyboard navigation, semantic HTML issues.
  • Use Case: When you want to review a UI codebase before a release, point to your HTML/CSS/JS files and run a compliance audit.

Quick Start

Review a UI codebase by fetching the latest guidelines and reporting any violations.

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 my web UI code for accessibility and design consistency?▼

To audit web UI code for accessibility and consistency, you can evaluate your HTML, CSS, and JS files against established interface guidelines. This process identifies contrast, keyboard navigation, and semantic HTML issues before release.

What is a UI guideline non-conformity check for HTML, CSS, and JavaScript?▼

A UI guideline non-conformity check evaluates HTML, CSS, and JavaScript codebases across components and pages to identify violations in accessibility, consistency, and UX compliance, outputting concise findings for review.

Can I run an accessibility audit on my existing web project files?▼

Yes, you can run an accessibility audit on existing web project files by pointing to your HTML, CSS, and JS codebase. The audit identifies contrast, keyboard navigation, and semantic HTML issues against UI guidelines.

What's the best way to check web design consistency across multiple components?▼

The best way to check web design consistency across multiple components is to run a compliance audit on your HTML, CSS, and JS codebase, which evaluates patterns and pages against established UI guidelines.

Does a UI code review catch keyboard navigation and semantic HTML issues?▼

Yes, a UI code review catches keyboard navigation and semantic HTML issues by parsing target files and comparing them against established web interface guidelines to report precise accessibility and usability non-conformities.

Related Skills

Explore More Design & Creative Skills→
trungtnmtrungtnm

web-design-guidelines

Audits frontend HTML, CSS and JS files for UI compliance gaps using Web Interface Guidelines.

Community
Intermediate
jrmatherlyjrmatherly

web-design-guidelines

Analyze HTML/CSS/JS files for accessibility and design guideline compliance.

Community
Basic
nattergabrielnattergabriel
2

accessibility

Identify and resolve accessibility gaps in web user interfaces using ARIA guidelines.

Community
Intermediate
Ikki-GroupIkki-Group

web-design-guidelines

Evaluate UI code against Web Interface Guidelines and output findings in file:line format.

Official
Intermediate