skills.rest
RiciYT
RiciYTCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Apr 24, 2026
Search Tags:#accessibility#design audit#web standards#UX review#UI compliance
One-click install
npx skills add https://github.com/RiciYT/M324 --skill web-design-guidelines-riciyt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/RiciYT/M324/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/RiciYT/M324 --skill web-design-guidelines-riciyt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps ensure that UI code adheres to Web Interface Guidelines, enhancing accessibility and user experience.

Core Features & Use Cases

  • UI Compliance: Reviews UI code for adherence to Web Interface Guidelines.
  • Accessibility Check: Assesses code for accessibility issues.
  • Design Audit: Audits design against best practices.
  • UX Review: Evaluates user experience aspects of the code.
  • Best Practices: Ensures the site is checked against established web design standards.

Quick Start

Run the web-design-guidelines skill on your UI code to ensure 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 check my UI code for accessibility compliance?▼

To check UI code for accessibility compliance, this Skill reviews your files against established Web Interface Guidelines. It fetches standards from a specified URL and audits your code to identify accessibility issues and ensure adherence to web standards.

What is a UX review for web design best practices?▼

A UX review for web design best practices evaluates user experience aspects of your UI code. This Skill performs the review by applying fetched Web Interface Guidelines to your files, ensuring the interface meets established accessibility and design standards.

How do I run a design audit on existing UI code files?▼

To run a design audit on existing UI code files, provide your files to this Skill along with a specified URL for the Web Interface Guidelines. It audits the design against best practices and outputs compliance results for accessibility and UX.

Can I use custom web standards to review my UI code?▼

Yes, you can use custom web standards to review UI code. This Skill requires fetching guidelines from a specified URL, allowing you to apply custom or established Web Interface Guidelines to evaluate your files for UI compliance and accessibility.

Does a UI compliance check require external dependencies?▼

No, a UI compliance check does not require external dependencies. This Skill operates independently using its internal scripts and references to fetch guidelines from a specified URL and apply them directly to your UI code files.

Why does my UI code fail web interface guidelines during a design audit?▼

UI code fails web interface guidelines during a design audit when it contains accessibility issues or violates established web standards. This Skill identifies these exact compliance gaps by evaluating your files against the fetched guidelines.

Related Skills

Explore More Design & Creative Skills→
ProfFroggoProfFroggo
1

web-design-guidelines

Review UI code against Web Interface Guidelines and produce a findings report.

Community
Intermediate
moasqmoasq
32

review

Review Swift/SwiftUI projects for code quality and accessibility compliance.

Community
Intermediate
CloudAI-XCloudAI-X
1.4k

web-design-guidelines

Review UI code against the official Web Interface Guidelines.

Community
Basic
OKHP3OKHP3
2

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines and accessibility.

Community
Intermediate