web-design-guidelines

Audit UI code against fetched Web Interface Guidelines for accessibility and UX compliance.

9|4|Updated Feb 7, 2026
One-click install
npx skills add https://github.com/marduk191/qwen3_mcp --skill web-design-guidelines-marduk191
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/marduk191/qwen3_mcp/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/marduk191/qwen3_mcp --skill web-design-guidelines-marduk191

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly validate your UI code against the most current Web Interface Guidelines to catch accessibility and UX issues before deployment.

Core Features & Use Cases

  • Fetch the latest guidelines from a central source and apply them to your project files.
  • Read target files or patterns and audit them for guideline conformance across components, pages, and flows.
  • Output concise findings to guide design reviews, accessibility remediations, and UX improvements.

Quick Start

Review your project UI files against the latest guidelines by invoking the web-design-guidelines skill with the file set you want to audit.

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 UI code for web accessibility and UX consistency?

To audit UI code for web accessibility and UX consistency, you can run a review against the latest Web Interface Guidelines to identify compliance issues in your project files before deployment.

What is the best way to check if my web interface meets current design guidelines?

Checking if a web interface meets current design guidelines involves fetching the latest standards from a central remote source and applying them to your target files to report any conformance findings.

Can I review specific UI components for accessibility compliance?

Yes, you can review specific UI components for accessibility compliance by specifying the target file patterns, which are then read and audited for guideline conformance across individual components, pages, and flows.

How do I get actionable findings from a web design guideline review?

To get actionable findings from a web design guideline review, the audit process outputs concise, guideline-aligned reports that highlight specific areas needing design remediation and UX improvements.

Does this web guidelines audit require any external dependencies or components?

No, this web guidelines audit requires no external dependencies or components to function, allowing you to directly validate your UI code and catch accessibility issues without additional environment setup.