skills.rest
xuyannan0321
xuyannan0321COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Validate UI code against Web Interface Guidelines for accessibility and best practices.

Updated Jun 22, 2026
Search Tags:#code review#best practices#accessibility#compliance#web design
One-click install
npx skills add https://github.com/xuyannan0321/math-ai-edu-site --skill web-design-guidelines-xuyannan0321
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/xuyannan0321/math-ai-edu-site/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/xuyannan0321/math-ai-edu-site --skill web-design-guidelines-xuyannan0321

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill assists in maintaining compliance with Web Interface Guidelines, enhancing UI quality and accessibility.

Core Features & Use Cases

  • Compliance Checking: Verify UI code against the latest Web Interface Guidelines.
  • Accessibility Validation: Ensure that the UI is accessible to all users, including those with disabilities.
  • Use Case: When preparing a new web application or reviewing existing one, this Skill helps to check if the design adheres to the recommended guidelines.

Quick Start

Review the UI code of the project by providing the file path as an argument to the web-design-guidelines skill.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I validate UI code for web accessibility compliance?▼

To validate UI code for web accessibility compliance, provide your project file path. The skill checks against Web Interface Guidelines to detect accessibility issues and ensure adherence to best practices.

What are web interface guidelines and when do I need compliance checking?▼

Web interface guidelines are best practices for UI quality and accessibility. You need compliance checking when preparing a new web application or reviewing an existing one to ensure it is accessible to all users.

How do I check if my web design adheres to best practices?▼

To check if your web design adheres to best practices, run a code review using this skill. It utilizes internal checks and external guidelines to verify your UI code meets recommended accessibility standards.

Can I use this to review UI code for any web project?▼

Yes, you can use this to review UI code for any web project needing to meet accessibility and design standards. It is applicable for both new web applications and existing project reviews.

Does the skill detect specific accessibility issues in UI code?▼

Yes, the skill detects accessibility issues in UI code by validating it against Web Interface Guidelines. It ensures your interface is accessible to all users, including those with disabilities.

Related Skills

Explore More Design & Creative Skills→
joelhooksjoelhooks
61

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility.

Community
Basic
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate
managedcodemanagedcode
42

dotnet-mcaf-ui-ux

Guide frontend teams through UI/UX engineering, accessibility, and design consistency workflows.

Official
Intermediate
vrcmsvrcms
1

design-system

Analyze codebase styling patterns to generate design tokens and audit visual consistency.

Community
Advanced