web-design-guidelines

Name: web-design-guidelines
Availability: InStock
Author: camilo8902

Review UI code against Web Interface Guidelines and accessibility standards.

Updated Jan 24, 2026

Search Tags:#ui #code review #accessibility #web design #guidelines #ux audit

Ready to run

npx skills add https://github.com/Camilo8902/GabyCosmetics --skill web-design-guidelines-camilo8902

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Camilo8902/GabyCosmetics/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Camilo8902/GabyCosmetics --skill web-design-guidelines-camilo8902

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interfaces adhere to established design and accessibility best practices, improving user experience and usability.

Core Features & Use Cases

UI Code Review: Analyzes code for compliance with web interface guidelines.
Accessibility Audits: Checks designs against accessibility standards.
Best Practice Verification: Audits sites against general design best practices.
Use Case: A developer can use this skill to quickly check a new component's code against the company's UI guidelines before deployment.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/Button.js' against best practices.

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 web design guideline compliance?▼

To audit UI code for accessibility compliance, you review specified files or patterns against fetched external web interface guidelines, analyzing the code for adherence to defined rules and best practices.

What is a UX audit and how does it check web design best practices?▼

A UX audit verifies web design best practices by analyzing UI code against established accessibility standards and external guidelines, ensuring interfaces meet usability and compliance requirements.

Can I check a specific component file against web interface guidelines?▼

Yes, you can check a specific component file by specifying the file path, such as 'src/components/Button.js', and the system will review that code against web interface and accessibility standards.

How do I review my frontend code for accessibility standards?▼

Reviewing frontend code for accessibility standards involves fetching external guidelines and analyzing the specified UI files to verify adherence to defined rules and best practices.

What are the limitations of automated UX audits for web design guidelines?▼

Limitations of automated UX audits include the dependency on fetching external guidelines for analysis and the need to specify exact file patterns, meaning dynamic visual issues may be missed during code review.