skills.rest
Max-Loo
Max-LooCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Check web project files against current Web Interface Guidelines.

2|Updated Oct 13, 2025
Search Tags:#design#ui#accessibility#audit#guidelines#web
One-click install
npx skills add https://github.com/Max-Loo/multi-chat --skill web-design-guidelines-max-loo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Max-Loo/multi-chat/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Max-Loo/multi-chat --skill web-design-guidelines-max-loo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web teams face challenges ensuring web interfaces meet current design and accessibility guidelines across codebases and assets.

Core Features & Use Cases

  • Guideline-based reviews: fetches the latest Web Interface Guidelines and checks project files for conformance.
  • Automated accessibility checks: analyzes HTML, CSS, and ARIA semantics to identify color contrast, semantic structure, and keyboard navigation issues.
  • Use Case: During a UI redesign, auditors can run checks on multiple pages to surface violations and prioritize fixes.

Quick Start

Point the tool at your UI project and let it assess files against the latest 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 project for accessibility and UI guideline conformance?▼

To audit web project accessibility and UI conformance, point the tool at your frontend codebase to analyze HTML, CSS, and JavaScript assets against fetched Web Interface Guidelines, generating a machine-readable report of violations.

What specific accessibility issues can be checked in frontend code?▼

Accessibility checks in frontend code identify color contrast deficits, improper semantic HTML structures, and keyboard navigation issues by evaluating ARIA semantics and CSS properties against established web interface rules.

How does an automated UI guideline review handle rule updates?▼

Automated UI guideline reviews handle rule updates by fetching the latest Web Interface Guidelines from a remote source before each review execution, ensuring conformance checks always apply current standards.

Can I use this for a UI redesign with multiple pages?▼

Yes, you can use this for a UI redesign across multiple pages. Auditors can run checks on various project files to surface design and accessibility violations, enabling teams to prioritize fixes efficiently.

What is the output format of an automated web interface audit?▼

The output format of an automated web interface audit is a compact, machine-readable report that details conformance findings, allowing seamless integration into continuous integration pipelines or automated tracking systems.

Do I need external dependencies to check web interface guidelines?▼

You do not need external dependencies to check web interface guidelines, as the tool operates independently by fetching rules from a remote source and analyzing frontend codebases without requiring additional installed components.

Related Skills

Explore More Design & Creative Skills→
eKoh951eKoh951

web-design-guidelines

Identify UI code deviations from Web Interface Guidelines in HTML, CSS, and JavaScript.

Community
Intermediate
matteotittamatteotitta
29

design-incident-response

Triage design remediation tasks from audit findings into prioritized action plans.

Community
Advanced
timsvoicetimsvoice

specimin-ui-accessibility

Audit and fix generated UI code for WCAG 2.1 AA compliance.

Community
Advanced
alinaqialinaqi
705

ui-testing

Check UI accessibility and visual integrity across web and mobile interfaces.

Community
Intermediate