web-design-guidelines

Audit web UI files against Web Interface Guidelines for accessibility and usability.

3|Updated Jan 6, 2026

Search Tags:#ui #accessibility #frontend #audit #usability #guidelines #web-design

Ready to run

npx skills add https://github.com/trancong12102/ccc --skill web-design-guidelines-trancong12102

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/trancong12102/ccc/tree/main/external/skills/web-design-guidelines
Command: npx skills add https://github.com/trancong12102/ccc --skill web-design-guidelines-trancong12102

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamline UI reviews by automatically auditing code against Web Interface Guidelines to ensure accessibility, usability, and design consistency across components and pages.

Core Features & Use Cases

Fetch the latest guidelines from the source and apply them to your UI files.
Read specified files (HTML/CSS/JS) and evaluate against the guidelines.
Output structured findings that help fix accessibility and UX gaps in real projects.

Quick Start

Provide the UI files you want reviewed and I will run the guidelines check against them.

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 for accessibility and UX compliance?▼

To audit web UI for accessibility and UX compliance, provide your HTML, CSS, or JS files. The tool fetches standard web design guidelines, applies all rules to the specified files, and reports structured findings to fix gaps.

What is a UI accessibility audit and how does it work?▼

A UI accessibility audit evaluates web interface files against standard design guidelines to ensure accessibility and usability. It reads your specified UI files, applies rule checks, and outputs structured findings highlighting compliance gaps.

Can I check design consistency across multiple web pages and components?▼

Yes, you can check design consistency across multiple pages and components. The audit evaluates all provided UI files against web interface guidelines, applying rules uniformly to report usability and accessibility findings across the project.

How do I run an accessibility check on HTML and CSS files?▼

To run an accessibility check on HTML and CSS files, provide the specific UI files you want reviewed. The tool reads the files, fetches the latest design guidelines, applies the rules, and outputs structured findings for fixing gaps.

Does this UX consistency audit require any external dependencies?▼

No, this UX consistency audit requires no external dependencies. You simply provide the UI files you want reviewed, and the tool fetches the latest guidelines from its source URL to evaluate your code without additional setup.

What is the best way to fix accessibility gaps in a web project?▼

The best way to fix accessibility gaps is to run a structured audit that reports specific findings. By providing your UI files, the tool evaluates them against standard guidelines and outputs actionable findings to correct usability and accessibility issues.