skills.rest
kirohuji
kirohujiCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Updated Apr 26, 2026
Search Tags:#ui#accessibility#frontend#audit#usability#web-design-guidelines
One-click install
npx skills add https://github.com/kirohuji/echoon2 --skill web-design-guidelines-kirohuji
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/kirohuji/echoon2/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/kirohuji/echoon2 --skill web-design-guidelines-kirohuji

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code against the latest Web Interface Guidelines to identify accessibility, consistency, and usability issues.

Core Features & Use Cases

  • Fetches and applies the latest Web Interface Guidelines to a project.
  • Analyzes HTML/CSS/JS assets for guideline conformance and accessibility considerations.
  • Use Case: When updating a UI to meet accessibility standards, run this skill to surface color contrast, focus management, and semantic HTML issues.

Quick Start

Provide the UI files you want reviewed (or a path pattern) and let the skill fetch the latest guidelines to begin the audit.

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 HTML and CSS code for web accessibility issues?▼

To audit UI code, provide your HTML, CSS, and JavaScript files or path patterns to the skill. It fetches the latest Web Interface Guidelines, applies the full rule set to your components, and reports accessibility and usability findings in a concise file:line format with a summary.

What is a UI code audit for Web Interface Guidelines compliance?▼

A UI code audit reviews HTML, CSS, and JavaScript components against the latest Web Interface Guidelines to identify accessibility, consistency, and usability issues. It fetches the full rule set from a source URL and reports findings in a concise file:line format with a summary.

Can I review a design system for usability and consistency issues automatically?▼

Yes, you can review a design system for usability and consistency by running the skill against your UI file paths. It analyzes HTML, CSS, and JavaScript assets for guideline conformance and accessibility considerations, reporting findings in a concise file:line format.

Do I need to install dependencies to check web interface accessibility?▼

No dependencies are required to check web interface accessibility with this skill. It operates independently without external dependencies, fetching the latest Web Interface Guidelines from a source URL to audit your HTML, CSS, and JavaScript components for compliance.

What is the best way to surface focus management and semantic HTML issues in a web application?▼

The best way to surface focus management and semantic HTML issues is to run a UI audit against the latest Web Interface Guidelines. The skill reviews your HTML, CSS, and JavaScript components to identify accessibility issues and reports findings in a concise file:line format with a summary.

Related Skills

Explore More Design & Creative Skills→
xinge-jixinge-ji

web-design-guidelines

Compare frontend HTML, CSS, and JavaScript files against Web Interface Guidelines.

Community
Intermediate
KlotzJesseKlotzJesse

web-design-guidelines

Review HTML, CSS, and JavaScript files against the latest Web Interface Guidelines.

Community
Intermediate
alexzuoshalexzuosh

web-design-guidelines

Audit UI code against Web Interface Guidelines for compliance and accessibility.

Community
Basic
NicholasSutinNicholasSutin

web-design-guidelines

Audit local UI source files against remote design and accessibility guidelines.

Community
Intermediate