web-design-guidelines

Enforce Web Interface Guidelines compliance across UI components and pages.

2|1|Updated Mar 1, 2026

Search Tags:#ui #accessibility #audit #review #web #design-guidelines

Ready to run

npx skills add https://github.com/junDevCodes/Claude-Harness --skill web-design-guidelines-jundevcodes

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/junDevCodes/Claude-Harness/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/junDevCodes/Claude-Harness --skill web-design-guidelines-jundevcodes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web teams often struggle to ensure UI code meets Web Interface Guidelines, risking accessibility gaps and inconsistent UX across products.

Core Features & Use Cases

Fetch latest Web Interface Guidelines and apply them to your UI assets.
Read target files or patterns, run automated checks, and surface compliance issues.
Use cases include reviewing components, pages, or entire apps for accessibility, semantics, and visual consistency.

Quick Start

Provide the UI files or patterns to review, and the system will fetch the latest guidelines, run the checks, 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 UI code for web interface guidelines and accessibility?▼

To audit UI code for web interface guidelines, provide your UI files or page patterns to the system. It fetches the latest rules, reads the target files, and reports accessibility, UX, and visual consistency findings.

What is the best way to check my web components for visual consistency and UX compliance?▼

Checking web components for visual consistency requires applying standardized interface rules to your code. This process reads target component files, runs automated checks against fetched guidelines, and surfaces any UX compliance issues.

Can I review an entire web app for accessibility gaps and semantic issues?▼

Yes, you can review an entire web app for accessibility gaps and semantic issues. The system applies rule checks across all provided UI assets and pages, outputting a comprehensive report of compliance findings.

Do I need to manually update the web design guidelines for my UI review?▼

No, you do not need to manually update web design guidelines for your UI review. The system automatically fetches the latest guidelines from the source URL before reading your target files and applying the rules.

What limitations exist when running automated checks for UI accessibility?▼

Limitations when running automated UI accessibility checks include relying on the provided target files and the fetched source URL rules. The audit strictly covers accessibility, UX, and visual consistency based on these inputs.