skills.rest
ashleytower
ashleytowerCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and design consistency.

Updated Aug 27, 2026
Search Tags:#accessibility#usability#guidelines#lint#ux#web-design#ui-review
One-click install
npx skills add https://github.com/ashleytower/claude-code-workflow --skill web-design-guidelines-ashleytower
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ashleytower/claude-code-workflow/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/ashleytower/claude-code-workflow --skill web-design-guidelines-ashleytower

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Skill helps ensure UI code adheres to Web Interface Guidelines, catching accessibility, usability, and design inconsistencies early in development.

Core Features & Use Cases

  • Fetches the latest guidelines from a central source and applies them to the specified UI files.
  • Validates accessibility, color contrast, semantic markup, and responsive design patterns across web interfaces.
  • Use Case: When auditing a new web app, run this Skill to verify pages meet accessibility standards and UX best practices.

Quick Start

Provide the UI files or patterns to review and I will fetch the latest guidelines and evaluate them for accessibility and design consistency.

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 issues?▼

You can validate accessibility, color contrast, semantic markup, and responsive design patterns by providing your UI files or codebase for the Skill to evaluate against current UX best practices.

What is the best way to check if my web app meets accessibility standards?▼

This Skill catches accessibility, usability, and design inconsistencies early in development by applying fetched Web Interface Guidelines directly to your specified UI files.

Can I review UI design consistency across multiple web pages in my codebase?▼

This Skill applies to codebases or page sets when reviewing UI, fetching the latest guidelines to validate accessibility, color contrast, semantic markup, and responsive design patterns across all specified files.

Does this UI review tool check color contrast and semantic markup?▼

It evaluates your provided UI files or patterns to verify they meet accessibility standards and UX best practices, reporting any inconsistencies found in a terse file:line format.

What format does the UI accessibility audit report use?▼

After fetching the latest guidelines and reading your target files, the Skill applies all rules and outputs findings in this format to help you quickly locate and fix issues.

Do I need to provide my own accessibility guidelines for the UI audit?▼

Simply provide the UI files or patterns to review, and it will fetch the current guidelines and evaluate them for accessibility and design consistency automatically.

Related Skills

Explore More Design & Creative Skills→
ScarletFishScarletFish

web-design-guidelines

Analyzes web interface code for compliance with design and accessibility guidelines.

Community
Intermediate
baskarajatibaskarajati

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
luongnv89luongnv89
104

devops-pipeline

Automate pre-commit hooks and GitHub Actions for code quality.

Community
Advanced
fajjarnrfajjarnr

product-designer

Codify a premium UI/UX system with tokens and audit patterns for design governance.

Community
Advanced