web-design-guidelines

Audit frontend UI files for Web Interface Guidelines violations.

Updated Feb 27, 2026

Search Tags:#design #ui #accessibility #frontend #audit #guidelines #web

Ready to run

npx skills add https://github.com/ZawHlaingPhyoTsuki/food-order-app --skill web-design-guidelines-zawhlaingphyotsuki

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ZawHlaingPhyoTsuki/food-order-app/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/ZawHlaingPhyoTsuki/food-order-app --skill web-design-guidelines-zawhlaingphyotsuki

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines to ensure accessibility, consistency, and best-practices adherence across web projects.

Core Features & Use Cases

Fetch and apply the latest Web Interface Guidelines to project files.
Analyze UI code for accessibility, visual consistency, and UX alignment.
Use Case: When you need a quick audit of a webpage or component library to verify adherence to the guidelines before release.

Quick Start

Provide the UI files you want reviewed and I will run the latest guidelines check.

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 my UI code for accessibility and visual consistency?▼

To audit UI code for accessibility and visual consistency, provide your frontend project files to the Skill. It fetches the latest web interface guidelines and reports violations in a file:line format.

Can I check a component library for web design guideline compliance before release?▼

Yes, you can check a component library for web design guideline compliance before release. The Skill analyzes UI code across components and pages to verify adherence to accessibility and UX best practices.

What is the best way to verify UX compliance in a frontend web project?▼

The best way to verify UX compliance in a frontend web project is to run an automated audit against the latest official web interface guidelines. The tool outputs findings pinpointing exact file and line numbers.

Does this UI audit tool work with any frontend web project?▼

Yes, this UI audit tool works with any frontend web project. It applies to frontend web projects by analyzing the UI files you provide to identify accessibility, visual consistency, and UX alignment violations.

How do I find guideline violations in my project files?▼

To find guideline violations in your project files, provide your UI files for review. The Skill fetches current official guidelines and reports any identified UI compliance issues using a file:line format.

What specific web interface guidelines are used for the UI audit?▼

The specific web interface guidelines used for the UI audit are fetched directly from the official source at the time of review. This ensures checks reflect the latest accessibility, visual consistency, and UX standards.