skills.rest
Hoang130203
Hoang130203COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Jan 27, 2026
Search Tags:#accessibility#ui review#web design#guidelines#code compliance#ux audit
One-click install
npx skills add https://github.com/Hoang130203/Emgu_CV_automation --skill web-design-guidelines-hoang130203
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Hoang130203/Emgu_CV_automation/tree/main/.opencode/skills/web-design-guidelines
Command: npx skills add https://github.com/Hoang130203/Emgu_CV_automation --skill web-design-guidelines-hoang130203

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill ensures that web interfaces adhere to established best practices and accessibility standards, preventing design flaws and improving user experience.

Core Features & Use Cases

  • Automated Compliance Checks: Verifies UI code against a comprehensive set of web interface guidelines.
  • Accessibility Auditing: Identifies potential accessibility issues within the UI code.
  • Design Best Practice Review: Assesses the design against industry standards for usability and aesthetics.
  • Use Case: A developer can use this skill to quickly audit a new component's code before deployment to ensure it meets all accessibility and design requirements.

Quick Start

Review the file 'src/components/Button.js' for web interface guideline compliance.

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 UI code for accessibility and design best practices?▼

To audit UI code for accessibility and design best practices, you can review your front-end files against established web interface guidelines to identify compliance issues and prevent design flaws.

What is a web interface guidelines compliance check?▼

A web interface guidelines compliance check verifies that front-end UI code adheres to industry standards for accessibility and usability, ensuring a better user experience and preventing design flaws in components.

Can I review a specific component file for code compliance?▼

Yes, you can review a specific component file by providing its path, such as a JavaScript file, to assess its code compliance against a comprehensive set of web interface guidelines and accessibility standards.

Do I need webfetch to pull the latest web design guidelines?▼

Yes, you need the webfetch dependency to fetch the latest web interface guidelines from a specified URL, which is then applied to your user-provided files or patterns for the compliance review.

What is the best way to perform a UX audit on front-end code?▼

The best way to perform a UX audit on front-end code is to automate compliance checks against fetched web interface guidelines, identifying potential accessibility issues and assessing design against industry usability standards.

Related Skills

Explore More Software Engineering Skills→
gesmith0606gesmith0606

web-design-guidelines

Audit HTML and CSS files against Web Interface Guidelines.

Community
Intermediate
mklozmkloz

web-design-guidelines

Check UI code compliance with Web Interface Guidelines for accessibility and design standards.

Community
Intermediate
gabriellpequenogabriellpequeno
8

web-design-guidelines

Enforce external UI guideline compliance during front-end design reviews and critiques.

Community
Basic
jaem1n207jaem1n207
18

web-design-guidelines

Reviews UI code for compliance with web interface guidelines.

Community
Intermediate