web-design-guidelines

Review UI code for Web Interface Guidelines compliance.

12|1|Updated May 29, 2026
One-click install
npx skills add https://github.com/qdzsh/gsd-revamp --skill web-design-guidelines-qdzsh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/qdzsh/gsd-revamp/tree/main/src/resources/skills/web-design-guidelines
Command: npx skills add https://github.com/qdzsh/gsd-revamp --skill web-design-guidelines-qdzsh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance to ensure accessibility, usability, and visual consistency.

Core Features & Use Cases

  • Fetch the latest guidelines from a remote source and apply them to your files.
  • Read specified files or patterns to verify conformance across projects.
  • Output findings in a concise, standardized format suitable for reviews and remediation.

Quick Start

Review the provided UI files against the latest Web Interface 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 frontend code for accessibility and usability compliance?

To audit frontend code for accessibility and usability compliance, this review process fetches the latest Web Interface Guidelines, reads your specified frontend files, and outputs standardized findings for remediation across your project.

What is a UI design guidelines review and when do I need it?

A UI design guidelines review verifies that your web interface conforms to established accessibility, usability, and visual consistency standards. You need it when validating frontend codebases or design assets to ensure broad usability and design conformity.

Can I review design assets for UX conformance or does it only work on code?

Yes, you can review design assets for UX conformance. The process applies Web Interface Guidelines to both frontend codebases and design assets, verifying accessibility and usability conformity across all specified files or patterns.

How do I check my web design files against the latest accessibility standards?

You can check your web design files by fetching the latest remote Web Interface Guidelines and applying all rules to your specified files. The review outputs concise, standardized findings detailing accessibility and UX conformance issues.

What format do the accessibility review findings follow?

The accessibility review findings follow a standardized, terse format suitable for code reviews and remediation. This concise output ensures developers can quickly identify and address usability, accessibility, and visual consistency issues across files.