web-design-guidelines

Assess UI code against Web Interface Guidelines for compliance.

239|30|Updated Jan 22, 2026
One-click install
npx skills add https://github.com/jdrhyne/agent-skills --skill web-design-guidelines-jdrhyne
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/jdrhyne/agent-skills/tree/main/prompts/web-design-guidelines
Command: npx skills add https://github.com/jdrhyne/agent-skills --skill web-design-guidelines-jdrhyne

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps assess UI code against Web Interface Guidelines.

Core Features & Use Cases

  • Fetch the latest guidelines from a remote source.
  • Read the specified files or patterns provided by the user.
  • Check the files against all rules in the guidelines and report non-compliance.
  • Use Case: A designer or developer wants to ensure a new UI prototype adheres to accessibility and UX best practices across pages and components.

Quick Start

Use the web-design-guidelines skill to review your UI files for accessibility and UX compliance 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 UI code against web interface guidelines?

To audit UI code against web interface guidelines, the skill fetches the latest rules from a remote source, reads your target files, applies all rules, and outputs concise findings in a standardized format.

What is a web design compliance review for accessibility?

A web design compliance review checks your UI code against established rules to ensure accessibility and UX best practices. The skill applies these rules to your files and reports non-compliance findings.

How do I check my UI prototype for accessibility compliance?

To check your UI prototype for accessibility compliance, provide your target files or patterns. The skill applies fetched guidelines to the files and reports non-compliance findings in a standardized format.

Can I use this skill to review design assets and codebases?

Yes, you can use this skill to review design assets and codebases. It reads specified files or patterns provided by you and checks them against fetched web interface guidelines for compliance.

What's the best way to ensure a new UI adheres to UX best practices?

The best way to ensure a new UI adheres to UX best practices is to use this skill to review your UI files. It fetches the latest guidelines, applies all rules to your files, and reports non-compliance.

Does this skill require any dependencies to perform an accessibility audit?

No dependencies are required to perform an accessibility audit. The skill fetches the latest guidelines from a remote source and reads your specified files to apply the rules without external components.