skills.rest
ZawHlaingPhyoTsuki
ZawHlaingPhyoTsukiCOMMUNITY
Explore all skills by this author →
Website𝕏@ZawHlaingPhyoGitHub

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
One-click install
npx skills add https://github.com/ZawHlaingPhyoTsuki/food-order-app --skill web-design-guidelines-zawhlaingphyotsuki
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
harsh-m-patilharsh-m-patil

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Community
Intermediate
aifuxiaifuxi
437

web-design-guidelines

Audit UI code against Web Interface Guidelines for compliance gaps.

Community
Intermediate
Chai-UnChai-Un

fix

Fix lint errors and formatting issues using yarn, prettier, and linc.

Community
Intermediate
SensLiaoSensLiao

qa-a11y-compliance

Scan web applications for WCAG 2.2 AA accessibility compliance.

Community
Advanced