web-design-guidelines

Identify Web Interface Guidelines violations in UI code and output findings in file:line format.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines and help teams identify accessibility, usability, and design-consistency gaps early in the development process.

Core Features & Use Cases

  • Automated checks against the latest Web Interface Guidelines
  • File-agnostic review: specify files or patterns to audit
  • Output concise findings suitable for remediation

Quick Start

Provide the target UI files or patterns to start an automated compliance 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 audit web UI code for accessibility and design guideline violations?

To audit web UI code for accessibility and design violations, provide target frontend files or patterns. The review fetches the latest Web Interface Guidelines, applies all rules, and outputs findings in a concise file:line format for remediation.

What is a UI review for web interface guidelines?

A UI review for web interface guidelines is an automated compliance check that reads specified frontend files, applies rules for accessibility and usability, and identifies design-consistency gaps early in the development process.

How do I check frontend projects for accessibility compliance?

You can check frontend projects for accessibility compliance by specifying target UI files or patterns. The audit process applies the latest Web Interface Guidelines to your code and outputs identified violations for remediation.

Can I audit specific files for usability and design-consistency gaps?

Yes, you can audit specific files for usability and design-consistency gaps. The review is file-agnostic, allowing you to specify exactly which UI files or patterns to target for an automated compliance check.

Does the accessibility audit work with any frontend codebase?

Yes, the accessibility audit applies to frontend projects and design reviews across codebases. It reads the specified files, applies all Web Interface Guidelines rules, and outputs findings without being tied to a specific framework.

What format do the accessibility audit findings use?

The accessibility audit findings use a file:line format. This concise output style pinpoints exact locations of Web Interface Guidelines violations in your UI code, making it suitable for direct remediation.