web-design-guidelines

Review UI code for Web Interface Guidelines compliance and report findings in file:line format.

Updated Apr 8, 2026

Search Tags:#ui #accessibility #compliance #review #guidelines #web-design

Ready to run

npx skills add https://github.com/wellnessbrotherjay-debug/ts-residence --skill web-design-guidelines-wellnessbrotherjay-debug

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/wellnessbrotherjay-debug/ts-residence/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/wellnessbrotherjay-debug/ts-residence --skill web-design-guidelines-wellnessbrotherjay-debug

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance.

Core Features & Use Cases

Fetch the latest guidelines from the source URL and apply them to your UI code.
Read target files or patterns provided by the user and validate against all rules in the guidelines.
Output concise findings in the terse file:line format to facilitate quick remediation.

Quick Start

Provide the UI files or pattern you want checked and the skill will fetch the latest guidelines and report any violations.

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 interface accessibility compliance?▼

You can review UI code for accessibility compliance by providing target files or patterns. The tool fetches the latest web interface guidelines, validates your code against all rules, and outputs concise findings in a file:line format for quick remediation.

What is the best way to check UX and design guidelines across web interfaces?▼

Checking UX and design guidelines across web interfaces involves fetching the latest rules from a specified source URL and validating target UI files against them. This process outputs concise findings in a terse file:line format to facilitate quick remediation of any violations.

Can I validate specific UI file patterns against the latest web design guidelines?▼

Yes, you can validate specific UI file patterns against the latest web design guidelines. You simply provide the target files or patterns you want checked, and the tool fetches the current rules from the source URL to apply them to your code.

How do I get actionable file and line reports for web accessibility violations?▼

To get actionable reports for web accessibility violations, the review process outputs findings in a terse file:line format. This concise reporting style directly maps violations to their exact locations in your UI code, facilitating quick remediation.

Does the web design compliance review require any external dependencies?▼

No, the web design compliance review does not require any external dependencies to function. You simply need to provide the target UI files or patterns, and the tool will independently fetch the latest guidelines from its source to perform the audit.