web-design-guidelines

Reviews UI code files for compliance with specified Web Interface Guidelines and outputs findings in a compact format.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill assists in reviewing UI code to ensure compliance with Web Interface Guidelines. It is useful for tasks such as checking accessibility, auditing design, and reviewing UX.

Core Features & Use Cases

  • Compliance Review: Checks files against Web Interface Guidelines for compliance.
  • Guidelines Source: Fetches the latest guidelines from a specified source URL.
  • Usage: Read specified files and apply all rules from the fetched guidelines, outputting findings in a concise format.

Quick Start

Run the 'web-design-guidelines' skill and provide the files you wish to review.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review UI code for compliance with Web Interface Guidelines?

To review UI code for compliance, the Skill reads specified files, fetches the latest Web Interface Guidelines from a provided source URL, applies all rules to the code, and outputs findings in a concise format.

What is a Web Interface Guidelines compliance check?

A Web Interface Guidelines compliance check audits UI code against fetched design rules to ensure accessibility, UX standards, and design consistency, outputting findings in a compact format for web development.

Can I check accessibility and UX standards by providing a custom guidelines URL?

Yes, you can check accessibility and UX standards by supplying a custom guidelines URL; the Skill fetches the latest rules from that specified source and applies them to your provided UI files.

How do I audit design files against accessibility rules fetched from a URL?

You audit design files by providing them to the Skill, which fetches accessibility and design rules from a specified URL, applies all fetched guidelines to the code, and outputs concise compliance findings.

Does this compliance review require any specific dependencies or frameworks?

No specific dependencies or frameworks are required; the Skill operates using internal scripts to read your files and apply the fetched Web Interface Guidelines without needing external libraries.

What is the best way to get concise findings from a UI accessibility audit?

The best way to get concise findings is running this Skill, which applies fetched Web Interface Guidelines to your files and outputs the accessibility and design review results in a compact format.