skills.rest
junDevCodes
junDevCodesCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/junDevCodes/Claude-Harness --skill web-design-guidelines-jundevcodes
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
Michae2xlMichae2xl

web-design-guidelines

Review UI code against Web Interface Guidelines for compliance issues.

Community
Intermediate
CallMeLuigiv2CallMeLuigiv2

web-design-guidelines

Audit UI code against current Web Interface Guidelines for accessibility and UX compliance.

Community
Basic
ryan-mtryan-mt
3

web-design-guidelines

Check UI code compliance with Web Interface Guidelines.

Community
Advanced
RheasilviaRheasilvia

dogfood

Perform exploratory QA testing on web applications and generate structured bug reports.

Community
Advanced