web-design-guidelines

Audit web UI code against accessibility and performance rules from Web Interface Guidelines.

Updated Aug 5, 2025
One-click install
npx skills add https://github.com/lehuuhau1231/TechJobs --skill web-design-guidelines-lehuuhau1231
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/lehuuhau1231/TechJobs/tree/main/tech-job-client/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/lehuuhau1231/TechJobs --skill web-design-guidelines-lehuuhau1231

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps developers maintain UI code compliance with Web Interface Guidelines, ensuring accessibility, performance, and best practices.

Core Features & Use Cases

  • Guideline Compliance: Checks UI code against the latest Web Interface Guidelines.
  • Accessibility Audit: Assesses and improves UI accessibility.
  • Performance Analysis: Ensures optimal UI performance.
  • Use Case: Before deploying a web application, use this Skill to review the UI code for any compliance issues.

Quick Start

Run the web-design-guidelines review on the UI code for compliance with guidelines.

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 web UI code for accessibility and performance compliance?

You can audit web UI code by running a review against predefined accessibility and performance rules derived from Web Interface Guidelines. This requires an external guidelines source and file scanning tools to detect compliance issues before deployment.

What is the best way to check if my web application meets UI accessibility standards?

The best way to check web application UI accessibility is to run an audit that assesses your UI code against established Web Interface Guidelines. This process evaluates inclusivity and helps enhance the overall quality of your web application.

Do I need external file scanning tools to review web design guidelines?

Yes, you need external file scanning tools and an external guidelines source to execute the web design review. The audit relies on these external components to scan your UI code and evaluate it against the predefined rules.

When should I run a UI code compliance audit for my web application?

You should run a UI code compliance audit before deploying a web application. This pre-deployment review identifies accessibility and performance issues, ensuring your web interface meets optimal quality and inclusivity standards.

Can I analyze UI performance and accessibility at the same time?

Yes, you can analyze both UI performance and accessibility simultaneously during a single compliance review. The audit checks your UI code against predefined rules that cover both performance optimization and accessibility inclusivity.

Why does my web application need a UI compliance review?

A UI compliance review is needed to ensure your web application maintains high accessibility and performance standards. It identifies guideline violations in your UI code, helping developers enhance inclusivity and prevent deployment issues.