web-design-guidelines

Identifies UI code violations against Web Interface Guidelines and reports them in file:line format.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams identify and report UI code that does not conform to Web Interface Guidelines, enabling faster remediation of accessibility, consistency, and usability issues across web projects.

Core Features & Use Cases

  • Guideline-based review: Inspects UI code against the latest Web Interface Guidelines to surface violations.
  • Actionable reporting: Produces concise findings suitable for developer remediations and design reviews.
  • Use Case: Run audits on a new UI module to ensure accessibility compliance before integration.

Quick Start

Review your UI files against the latest Web Interface Guidelines and report any violations.

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

To audit web UI code for accessibility violations, this Skill fetches the latest Web Interface Guidelines, reads target files, applies all rules, and outputs actionable findings in a terse file:line format.

What is a UI code review based on web design guidelines?

A UI code review based on web design guidelines identifies code that does not conform to Web Interface Guidelines, enabling faster remediation of accessibility, consistency, and usability issues across web projects.

Can I run an accessibility audit on a new UI module before integration?

Yes, you can run audits on a new UI module to ensure accessibility compliance before integration by applying fetched Web Interface Guidelines to the target files and reporting violations.

How do I get actionable reports for UI design reviews?

To get actionable reports for UI design reviews, this Skill applies all guideline rules to your code and produces concise findings in a file:line format suitable for developer remediation.

Does this UI review tool require any external dependencies?

No, this UI review tool requires no external dependencies to function. It fetches the latest guidelines directly from the source URL and reads target files to apply its rules.