skills.rest
jmolz
jmolzCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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

Related Skills

Explore More Software Engineering Skills→
KaranKathur06KaranKathur06

web-design-guidelines

Review web UI source files against fetched Web Interface Guidelines.

Community
Intermediate
arroschavesarroschaves
1

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
belokonmbelokonm
8

code-reviewer

Identify bugs, security vulnerabilities, and maintainability gaps in pull requests.

Community
Advanced
vh2224vh2224
1

web-design-guidelines

Review UI code against web interface guidelines and report issues in file-line format.

Community
Basic