web-design-guidelines

Check UI code compliance with Web Interface Guidelines for accessibility and design best practices.

Updated Apr 3, 2026

Search Tags:#code review #best practices #accessibility #web design #UI compliance

Ready to run

npx skills add https://github.com/jmolz/m0lz.02 --skill web-design-guidelines-jmolz

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/jmolz/m0lz.02/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/jmolz/m0lz.02 --skill web-design-guidelines-jmolz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps developers ensure their UI code adheres to Web Interface Guidelines, improving accessibility and user experience.

Core Features & Use Cases

Compliance Checking: Reviews UI code against the latest Web Interface Guidelines.
Accessibility Validation: Ensures that UI elements are accessible to all users.
Best Practices Audit: Checks design and UX against established best practices.
Use Case: When a developer needs to validate their web application's UI against the Web Interface Guidelines.

Quick Start

Run the skill with the path to your UI code: web-design-guidelines <path-to-code>

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I check my web UI code for accessibility compliance?▼

To check web UI code for accessibility compliance, the skill reviews your codebase against Web Interface Guidelines fetched from a specified URL, identifying accessibility issues and design best practice violations.

Can I audit my web application design against external best practices?▼

Yes, you can audit web application design by running the skill with a path to your UI code. It fetches established Web Interface Guidelines from a URL and applies them to validate design best practices.

What do I need to validate UI code with web design guidelines?▼

To validate UI code, you need the path to your codebase and network access to fetch external resources. The skill parses these fetched guidelines to perform rule matching against your code.

Does UI compliance checking work with my existing code review workflow?▼

UI compliance checking is packaged as a script, allowing integration into code review workflows. It audits your provided codebase for accessibility and design best practices to ensure UI compliance.