skills.rest
fefogarcia
fefogarciaCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

1|Updated Feb 10, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/fefogarcia/approved-skills --skill web-design-guidelines-fefogarcia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/fefogarcia/approved-skills/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/fefogarcia/approved-skills --skill web-design-guidelines-fefogarcia

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

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

Core Features & Use Cases

  • UI Code Review: Analyzes code files for compliance with a predefined set of web interface guidelines.
  • Accessibility Audits: Checks for common accessibility issues in the UI design.
  • Best Practice Validation: Verifies that the design aligns with industry-standard UX principles.
  • Use Case: A developer can use this skill to quickly audit a new component's code before merging to ensure it meets the company's design system requirements.

Quick Start

Review the attached file 'button.css' for compliance with web interface 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 review UI code for accessibility and web design compliance?▼

To review UI code for accessibility and web design compliance, you can analyze your front-end files against a fetched set of web interface guidelines to detect issues and validate UX best practices.

Can I audit a CSS component against a custom design system before merging?▼

Yes, you can audit a CSS component before merging by providing the file and specifying a URL to fetch the latest web interface guidelines, ensuring it meets design system requirements.

What is the best way to check front-end code for UX best practices?▼

The best way to check front-end code for UX best practices is to run a design system audit that validates your provided patterns against established industry standards and accessibility rules.

Do I need a specific URL to validate my UI files against web interface guidelines?▼

Yes, validating UI files requires fetching the latest guidelines from a specified URL to accurately apply design and accessibility standards to your user-provided code.

Does front-end code review check for common accessibility issues in UI design?▼

Yes, front-end code review checks for common accessibility issues in UI design by analyzing your provided files to ensure they align with established web design best practices.

Why do my user interfaces have design inconsistencies despite using a design system?▼

User interfaces have design inconsistencies when UI code deviates from established guidelines, which can be prevented by auditing front-end patterns for compliance with web standards.

Related Skills

Explore More Design & Creative Skills→
gesmith0606gesmith0606

web-design-guidelines

Audit HTML and CSS files against Web Interface Guidelines.

Community
Intermediate
brunoamaralbrunoamaral

ios-design-guidelines

Automate Apple's Human Interface Guidelines adherence in SwiftUI and UIKit reviews.

Community
Basic
mklozmkloz

web-design-guidelines

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

Community
Intermediate
RexO77RexO77
2

web-design-guidelines

Review web interface code for compliance with design and accessibility guidelines.

Community
Intermediate