skills.rest
ChanningHe
ChanningHeCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audits UI code for compliance with Web Interface Guidelines, outputting findings as file:line format.

Updated Jan 1, 2026
Search Tags:#accessibility#a11y#frontend#guidelines#web-design#ui-review
One-click install
npx skills add https://github.com/ChanningHe/dotfiles --skill web-design-guidelines-channinghe
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ChanningHe/dotfiles/tree/main/claude/skills/web-design-guidelines
Command: npx skills add https://github.com/ChanningHe/dotfiles --skill web-design-guidelines-channinghe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Auditing UI code for compliance with Web Interface Guidelines to ensure accessible, consistent, and high-quality interfaces across projects.

Core Features & Use Cases

  • Automated guideline checks: Verifies HTML/CSS/JS against the latest Web Interface Guidelines.
  • Accessibility auditing: Detects common accessibility issues and suggests fixes.
  • Reporting: Outputs concise findings in a standard file:line format for fast remediation.

Quick Start

Provide your UI codebase and let the system fetch the latest guidelines to evaluate compliance and report findings.

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

To audit UI code for web accessibility and design compliance, provide your codebase to the system, which fetches the latest Web Interface Guidelines, applies rules to your files, and outputs findings in a concise file:line format for remediation.

What is a UI review against Web Interface Guidelines?▼

A UI review against Web Interface Guidelines is an automated process that verifies HTML, CSS, and JS code to detect common accessibility issues, validate design consistency, and ensure high-quality interfaces across projects.

Can I check frontend code for accessibility issues without configuring dependencies?▼

Yes, you can check frontend code for accessibility issues without configuring dependencies. The system requires no external dependencies to fetch guidelines and evaluate your UI code for compliance.

What's the best way to report web design guideline violations in a project?▼

The best way to report web design guideline violations is using a terse file:line format, which maps each accessibility issue and design rule violation directly to the specific location in your UI codebase for fast remediation.

Does this accessibility auditing process work with plain HTML and CSS files?▼

Yes, this accessibility auditing process works with plain HTML, CSS, and JS files. It evaluates your UI code against the latest Web Interface Guidelines to identify and suggest fixes for common accessibility issues.

Related Skills

Explore More Design & Creative Skills→
noartemnoartem

web-design-guidelines

Audit HTML/CSS/JS files against Web Interface Guidelines and report violations.

Community
Intermediate
markky21markky21

web-design-guidelines

Review HTML, CSS, and JS files against Web Interface Guidelines.

Community
Basic
ksciuskscius
2

web-accessibility

Enforce WCAG 2.1 AA accessibility requirements for web UI components.

Community
Intermediate
JackiexiaoJackiexiao

web-design-guidelines

Reviews HTML, CSS, and JS files against fetched web interface guidelines.

Community
Intermediate