web-design-guidelines

Audit web UI code against Web Interface Guidelines and report compliance findings.

264|11|Updated Apr 25, 2026
One-click install
npx skills add https://github.com/rkz91/coco --skill web-design-guidelines-rkz91
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/rkz91/coco/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/rkz91/coco --skill web-design-guidelines-rkz91

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web UI often fails to meet established guidelines, leading to usability issues and inconsistent design across applications. This skill streamlines auditing by programmatically checking UI assets against the latest Web Interface Guidelines.

Core Features & Use Cases

  • Guideline-based UI audits: automatically fetch and apply current guidelines to codebases to reveal compliance gaps in HTML, CSS, and UI patterns.
  • Accessibility checks: identify contrast, semantic, and navigational issues to improve inclusivity across pages and components.
  • Use Case: run a site-wide audit on a React app to surface accessibility and visual consistency issues before release.

Quick Start

Review your UI code against the guidelines to generate a compliance report.

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 usability compliance?

To audit web UI code for accessibility and usability compliance, this skill automatically fetches current Web Interface Guidelines, reads your target files, and applies all rules to output a concise report of compliance gaps.

What is a web interface guidelines compliance audit?

A web interface guidelines compliance audit is an automated review process that checks HTML, CSS, and UI patterns against established rules to identify usability issues, accessibility gaps, and visual inconsistencies across application pages.

Can I use this to run an accessibility check on a React app before release?

Yes, you can use this to run a site-wide accessibility check on a React app; it evaluates UI components and pages to surface contrast, semantic, and navigational issues before your release.

How do I check HTML and CSS files for web design guideline violations?

To check HTML and CSS files for web design guideline violations, apply this skill to your codebase; it reads the target files, evaluates them against fetched guidelines, and reports findings in a concise format.

Does this UI review tool require any dependencies or external components?

No, this UI review tool requires no external dependencies or components to function; it programmatically fetches the latest guidelines and applies them directly to your web UI codebase.

What's the best way to identify visual consistency issues across web pages?

The best way to identify visual consistency issues across web pages is to run a guideline-based UI audit that automatically evaluates your UI patterns against established Web Interface Guidelines and reports compliance gaps.