skills.rest
chipoto69
chipoto69COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Validate web UI code against Web Interface Guidelines and report violations.

1|Updated Jan 19, 2026
Search Tags:#accessibility#UI#audit#compliance#guidelines#web-design
One-click install
npx skills add https://github.com/chipoto69/claude-skills --skill web-design-guidelines-chipoto69
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/chipoto69/claude-skills/tree/main/web-design-guidelines
Command: npx skills add https://github.com/chipoto69/claude-skills --skill web-design-guidelines-chipoto69

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps UX teams and developers ensure UI components comply with Web Interface Guidelines, reducing accessibility and usability issues across web apps.

Core Features & Use Cases

  • Fetches the latest Web Interface Guidelines from a centralized source and applies them to your project files.
  • Checks UI files, components, and layouts against the guidelines, highlighting violations.
  • Use Case: When asked to review a site or a set of UI files for accessibility and UX best practices, run a quick audit and receive a concise report.

Quick Start

  1. Provide the target files or patterns to review, and the skill will fetch the latest guidelines and perform checks.
  2. Review the output and iterate on fixes to meet accessibility and UX standards.
  3. If you have a large repo, run periodic checks to maintain compliance.

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 for accessibility and UX compliance?▼

To audit web UI for accessibility and UX compliance, provide your target files or patterns for review. The skill fetches the latest Web Interface Guidelines, parses your code, compares against rules, and reports violations in a concise format.

What is a Web Interface Guidelines audit and when do I need one?▼

A Web Interface Guidelines audit validates UI components and layouts against accessibility, UX, and consistency standards. You need one when reviewers request compliance checks or you want to reduce usability issues across web applications.

Can I use this UI audit skill to check large repositories?▼

Yes, you can audit large repositories by providing file patterns for the skill to parse. For maintaining ongoing compliance, run periodic checks across your repo to catch accessibility and UX violations as your codebase evolves.

What's the best way to check UI components against web accessibility guidelines?▼

The best way to check UI components is fetching centralized Web Interface Guidelines and comparing target files against those rules. This approach highlights accessibility and consistency violations directly in your code for quick iteration.

Why does my web accessibility audit report missing UI compliance issues?▼

Your accessibility audit may miss UI compliance issues if the fetched guidelines are outdated or if target file patterns exclude relevant components. Ensure you provide all UI files and layouts for the parser to compare against the latest rules.

Related Skills

Explore More Design & Creative Skills→
AnvinX1AnvinX1

web-design-guidelines

Fetch Web Interface Guidelines and audit UI code for accessibility and design consistency.

Community
Intermediate
udsy19udsy19

accesslint-diff

Compare live web page accessibility violations against a Git baseline.

Community
Intermediate
GGEduGGEdu

laravel-verification

Automate Laravel project verification for environment, code quality, and deployment readiness.

Community
Advanced
anntnzrbanntnzrb
1

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Community
Intermediate