web-design-guidelines

Review web interface code for usability and accessibility compliance.

3|Updated Apr 6, 2026
One-click install
npx skills add https://github.com/kitaikuyo123/CC91 --skill web-design-guidelines-kitaikuyo123
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/kitaikuyo123/CC91/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/kitaikuyo123/CC91 --skill web-design-guidelines-kitaikuyo123

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps identify usability, accessibility, and interface quality issues in web code by systematically reviewing designs against established Web Interface Guidelines.

Core Features & Use Cases

  • UI Compliance Review: Analyze web interface code and detect violations of current design and accessibility recommendations.
  • Guideline-Based Auditing: Fetch the latest interface rules and apply them to specified files or code patterns.
  • Use Case: Review a React component library or website implementation to find UX, accessibility, and visual consistency problems before release.

Quick Start

Ask the skill to review the specified UI files or patterns against the latest Web Interface Guidelines.

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 interface code for usability and accessibility issues?

To audit web interface code, you can review your frontend files against established web design guidelines to identify usability and accessibility compliance issues. This process systematically analyzes code paths to produce file-level compliance findings for UX reviews.

What is a UI compliance review against web design guidelines?

A UI compliance review evaluates web interface code to detect violations of current design and accessibility recommendations. It fetches the latest interface rules and applies them to specified files or code patterns to ensure visual consistency and interface quality.

Can I use this to check my React component library before release?

Yes, you can review a React component library or website implementation to find UX, accessibility, and visual consistency problems before release. The audit applies established interface guidelines directly to your provided code paths.

How do I perform a UX audit on web application files?

To perform a UX audit on web application files, ask the skill to review the specified UI files or patterns against the latest web interface guidelines. It fetches current rules and analyzes the provided code paths to output concise compliance findings.

What's the best way to check frontend code for accessibility violations?

The best way to check frontend code for accessibility violations is a guideline-based auditing approach that fetches the latest interface rules and applies them to your code patterns. This produces concise file-level compliance findings for accessibility checks.