web-design-guidelines

Analyze UI code against Web Interface Guidelines for accessibility compliance.

Updated Mar 11, 2026
One-click install
npx skills add https://github.com/deadhearth01/SugCreativeSite --skill web-design-guidelines-deadhearth01
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/deadhearth01/SugCreativeSite/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/deadhearth01/SugCreativeSite --skill web-design-guidelines-deadhearth01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance, helping teams ensure accessibility, consistency, and usability across products.

Core Features & Use Cases

  • Fetch latest guidelines from the source URL and read the specified files or patterns.
  • Apply all rules from the fetched guidelines to the target UI assets and report findings.
  • Use Case: when asked to review a UI, check accessibility, audit design, or verify site conformance to best practices.

Quick Start

Provide the files or patterns to review and the skill will fetch the latest guidelines and evaluate them against your UI assets.

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 UI code for accessibility compliance?

To audit UI code for accessibility compliance, you provide file paths or patterns for review. The skill fetches the latest Web Interface Guidelines, evaluates your assets against those rules, and outputs findings in a file:line format.

What is the best way to check web components for usability best practices?

Checking web components for usability best practices involves applying standardized Web Interface Guidelines to your code. This skill fetches the latest rules and reports design conformity findings in a terse format suitable for downstream tooling.

Can I review specific file patterns for design conformity?

Yes, you can review specific file patterns for design conformity. You provide the target files or patterns, and the skill reads them, applies the fetched accessibility and usability rules, and outputs the review findings.

Does the accessibility review use the latest web interface guidelines?

Yes, the accessibility review uses the latest web interface guidelines. The skill actively fetches the most current rules from the configured source URL before evaluating your specified UI assets.

How are accessibility audit findings formatted for downstream tooling?

Accessibility audit findings are formatted in a terse file:line notation. This structured output ensures the results are easily parsed and integrated into downstream tooling for further processing.

What do I need to provide for a UX design review?

For a UX design review, you need to provide the specific files or patterns to be evaluated. The skill then fetches the necessary guidelines and analyzes your UI assets for accessibility and usability compliance.