skills.rest
cc01cc
cc01ccCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Audit web UI code against Web Interface Guidelines and report conformance issues.

4|Updated Jan 22, 2026
Search Tags:#design#accessibility#review#ux#web-guidelines#ui-audit
One-click install
npx skills add https://github.com/cc01cc/cmtx-project --skill web-design-guidelines-cc01cc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/cc01cc/cmtx-project/tree/main/.kilo/skills-repo/develop/web-design-guidelines
Command: npx skills add https://github.com/cc01cc/cmtx-project --skill web-design-guidelines-cc01cc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web teams struggle to ensure web interfaces meet accessibility and UX standards across codebases, reviews, and handoffs.

Core Features & Use Cases

  • Fetch and apply the latest Web Interface Guidelines to audit UI files.
  • Identify accessibility violations, contrast issues, and UX inconsistencies in templates, components, and pages.
  • Use Case: A designer reviews a repository's UI components to verify compliance before release.

Quick Start

Provide a quick audit of the specified UI files by fetching the latest guidelines and reporting 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 check my web UI code for accessibility violations?▼

To check web UI code for accessibility violations, the Skill audits UI files against the latest Web Interface Guidelines to identify and report conformance issues. It parses target files and produces a structured findings report for code repositories and design reviews.

What is a UI design audit for web accessibility?▼

A UI design audit for web accessibility is a review process that identifies and reports conformance issues in web UI code. By comparing against the latest Web Interface Guidelines source, it verifies compliance for components, pages, and templates.

Can I review repository UI components for UX conformance before a release?▼

Yes, you can review repository UI components for UX conformance before a release. The Skill audits templates and components by fetching the latest Web Interface Guidelines and producing a structured findings report to verify compliance.

How do I generate a structured report of UX inconsistencies in web templates?▼

You generate a structured report of UX inconsistencies by running an audit against the latest Web Interface Guidelines. The process parses target UI files and outputs a structured findings report covering accessibility violations and design conformance issues.

Do I need specific dependencies to perform a UI audit on my codebase?▼

No specific dependencies are required to perform a UI audit on your codebase. The Skill operates independently to fetch rules from the specified Web Interface Guidelines source, parse target files, and produce a structured findings report.

Related Skills

Explore More Design & Creative Skills→
fnsalinasfnsalinas
1

web-design-guidelines

Audit UI files against the latest Web Interface Guidelines for compliance issues.

Community
Intermediate
jrmatherlyjrmatherly

web-design-guidelines

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

Community
Basic
henrique-simoeshenrique-simoes
13

design-system-audit

Processes design artifacts and component files to verify conformance and accessibility.

Community
Intermediate
sharondevssharondevs

a11y-auditor

Audit web pages for WCAG 2.1 AA violations using live browser checks.

Community
Advanced