web-design-guidelines

Detect UI compliance issues against web accessibility standards.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Growth4U-systems/Rentabilidad_G4U --skill web-design-guidelines-growth4u-systems
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Growth4U-systems/Rentabilidad_G4U/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Growth4U-systems/Rentabilidad_G4U --skill web-design-guidelines-growth4u-systems

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines and help teams align with accessibility, usability, and visual standards.

Core Features & Use Cases

  • Fetch the latest guidelines from the source and apply them to the codebase
  • Read target UI files and libraries to detect accessibility and usability issues
  • Produce concise, actionable findings in a standardized file:line format for developers

Quick Start

Review the latest UI files against the guidelines and report accessibility and UX issues

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 violations?

To audit frontend code for accessibility and usability violations, this tool fetches the latest Web Interface Guidelines and compares your UI implementation against them. It reads your target files and reports issues in a concise file:line format for quick developer action.

What is a UI review for web design guidelines?

A UI review for web design guidelines is a compliance check that identifies violations of accessibility, usability, responsive behavior, and visual consistency standards in frontend code. It compares component libraries and design systems directly against official interface rules.

How do I check if my design system meets accessibility standards?

To check if your design system meets accessibility standards, apply a UX audit to your component library files. The evaluation reads the specified frontend code, fetches current interface guidelines, and outputs actionable findings detailing exactly where compliance failures occur.

Can I use this to review responsive behavior in my component library?

Yes, you can review responsive behavior in your component library by reading the target UI files and evaluating them against the Web Interface Guidelines. The audit detects responsive issues alongside accessibility and visual consistency problems across the codebase.

What format do the UI review findings use?

The UI review findings use a terse file:line format. This standardized output points developers directly to the exact locations of accessibility, usability, and visual consistency violations within the frontend codebase for immediate resolution.

Does this UX audit work without external dependencies?

Yes, the UX audit works without external dependencies. It independently fetches the latest guidelines from the source URL before each evaluation, reads your frontend files, and detects accessibility and usability issues without requiring additional component installations.