skills.rest
Camilo8902
Camilo8902COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Related Skills

Explore More Design & Creative Skills→
ControlNetControlNet
9

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and design issues.

Community
Intermediate
ahiendzahiendz
3

web-design-guidelines

Fetch Web Interface Guidelines and report UI compliance issues in file:line format.

Community
Intermediate
sidjamylsidjamyl

web-design-guidelines

Review UI code files against Web Interface Guidelines for accessibility and design compliance.

Community
Intermediate
pacphipacphi
14

Chrome DevTools

Debug web pages via Chrome DevTools MCP with performance, network, and DOM inspection.

Community
Advanced