skills.rest
Me1e
Me1eCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

Updated Mar 29, 2026
Search Tags:#ui#accessibility#audit#guidelines#ux#web#design-review
One-click install
npx skills add https://github.com/Me1e/ralphthon --skill web-design-guidelines-me1e
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Me1e/ralphthon/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Me1e/ralphthon --skill web-design-guidelines-me1e

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code to ensure compliance with Web Interface Guidelines, improving accessibility, consistency, and usability across interfaces.

Core Features & Use Cases

  • Automated guideline checks: fetch latest rules and compare code files against them.
  • Accessibility & UX auditing: identify issues per guidelines.
  • Targeted reviews: apply to specific projects or components (e.g., pages, widgets).

Quick Start

Provide the UI files you want reviewed and I will fetch the latest guidelines and assess them for compliance.

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 usability issues?▼

Yes, you can target specific projects or components like pages and widgets. The auditing process applies checks to user-specified files or patterns, assessing them against the latest Web Interface Guidelines to report targeted accessibility and consistency issues.

What is a web interface design review?▼

This approach fetches the latest rules before each review, ensuring checks reflect current standards. It outputs findings in a concise, file:line style format, pinpointing exact locations of accessibility and consistency gaps in your UI code.

Can I review specific components like pages or widgets for guideline compliance?▼

Yes, you can target specific projects or components like pages and widgets. The auditing process applies checks to user-specified files or patterns, assessing them against the latest Web Interface Guidelines to report targeted accessibility and consistency issues.

What is a web interface design review?▼

A web interface design review evaluates UI code against standard guidelines to ensure compliance. This process identifies accessibility, usability, and consistency gaps across interfaces, improving overall code quality and user experience.

Do I need external dependencies to run a UX audit?▼

No external dependencies are required. The system automatically fetches fresh guidelines before each review, so you only need to provide the UI files you want assessed for compliance.

Why use an automated guideline check for UI files?▼

This approach fetches the latest rules before each review, ensuring checks reflect current standards. It outputs findings in a concise, file:line style format, pinpointing exact locations of accessibility and consistency gaps in your UI code.

Related Skills

Explore More Design & Creative Skills→
yp717yp717

web-design-guidelines

Review UI code against fetched Web Interface Guidelines for compliance.

Community
Intermediate
hopeoverturehopeoverture
6

ui-library-usage-auditor

Audit shadcn/ui component usage for accessibility and design-system conformance.

Community
Advanced
UCloud-FEUCloud-FE
1

cpn-basic-checkbox

Integrate and render UDesign Checkbox components in React projects.

Official
Intermediate
code-rabicode-rabi

web-design-guidelines

Evaluate web interface code for industry standards and accessibility compliance.

Official
Intermediate