skills.rest
christhz666
christhz666COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Feb 26, 2026
Search Tags:#code review#best practices#accessibility#web design#UX review
One-click install
npx skills add https://github.com/christhz666/centro-diagnostico-v11 --skill web-design-guidelines-christhz666
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/christhz666/centro-diagnostico-v11/tree/main/.skills/web-design-guidelines
Command: npx skills add https://github.com/christhz666/centro-diagnostico-v11 --skill web-design-guidelines-christhz666

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps developers and designers ensure their UI code adheres to the Web Interface Guidelines, improving accessibility and user experience.

Core Features & Use Cases

  • Compliance Review: Automatically checks UI code against the latest Web Interface Guidelines.
  • Accessibility: Ensures that the UI is accessible to all users, including those with disabilities.
  • Best Practices: Audits design against industry best practices for user experience.

Quick Start

Run the web-design-guidelines skill on your project to check for compliance issues.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check if my UI code meets web accessibility standards?▼

To check if your UI code meets web accessibility standards, this Skill reviews your source code against the latest Web Interface Guidelines. It fetches external guidelines from a specified URL and analyzes your codebase to identify compliance issues.

What is a UI code review for design best practices?▼

A UI code review for design best practices is an automated audit that checks your user interface components against industry standards. This process ensures your UI adheres to accessibility rules and UX guidelines, improving the overall user experience.

Can I use this to review any codebase for UX compliance?▼

You can use this to review a codebase for UX compliance by applying fetched Web Interface Guidelines to your source code. It requires providing a specified URL to fetch the latest external guidelines before analyzing your project files.

What's the best way to automate a web design guidelines audit?▼

The best way to automate a web design guidelines audit is running a script-based review that fetches external standards. This Skill automatically checks your UI code against the latest Web Interface Guidelines, focusing on accessibility and design best practices.

Why does my UI code need to fetch external guidelines for a review?▼

Your UI code needs to fetch external guidelines during a review to ensure compliance checks use the most current standards. The Skill applies the fetched Web Interface Guidelines directly to your codebase, validating accessibility and UX best practices.

Related Skills

Explore More Software Engineering Skills→
BangjjackBangjjack

web-design-guidelines

Review UI code against Web Interface Guidelines and report findings in file:line format.

Official
Intermediate
luisgustavooliveiraluisgustavooliveira

web-design-guidelines

Automate UI code compliance review against the Web Interface Guidelines.

Community
Advanced
woody1234567woody1234567
1

web-design-guidelines

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

Community
Intermediate
code-rabicode-rabi

web-design-guidelines

Evaluate web interface code for industry standards and accessibility compliance.

Official
Intermediate