skills.rest
j19800824
j19800824COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review web interface code for usability and accessibility guideline compliance.

Updated Aug 23, 2026
Search Tags:#accessibility#frontend#ui review#web design#guidelines#ux audit
One-click install
npx skills add https://github.com/j19800824/miliguan --skill web-design-guidelines-j19800824
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/j19800824/miliguan/tree/main/apps/admin/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/j19800824/miliguan --skill web-design-guidelines-j19800824

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps identify usability, accessibility, and interface quality issues in web code by comparing implementations against established Web Interface Guidelines.

Core Features & Use Cases

  • UI Compliance Review: Evaluates web interface code for adherence to current design and accessibility guidelines.
  • UX and Accessibility Auditing: Finds potential issues affecting usability, consistency, and inclusive design.
  • Use Case: Review a website component or page implementation to discover design guideline violations before release.

Quick Start

Use the web-design-guidelines skill to audit the provided UI files for accessibility and web interface guideline 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 web interface code for accessibility and usability issues?▼

A UX audit evaluates web interface code against established web design guidelines to find usability and accessibility issues, producing concise file-level findings for targeted interface improvements before release.

How do I review frontend components for web design guideline compliance?▼

Review frontend components by fetching current guideline rules and comparing them against your UI code. This evaluates UI compliance and identifies inclusive design violations affecting usability and interface consistency.

What does a UI compliance review check for in website quality checks?▼

A UI compliance review checks web interface code for adherence to current design and accessibility guidelines. It identifies potential issues affecting usability, consistency, and inclusive design during website quality checks.

Can I use this for a UX review of any web page implementation?▼

Yes, you can use this for a UX review of any web page implementation. It applies to frontend development scenarios involving UI audits and website quality checks to discover design guideline violations.

What are the limitations of automated web design guideline audits?▼

The limitation of this web design guideline audit is that it requires fetching current guideline rules to function. It produces concise file-level findings, focusing on code-level interface improvements rather than runtime user behavior.

Related Skills

Explore More Design & Creative Skills→
dongitrandongitran
3

web-design-guidelines

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

Community
Basic
kolodachkolodach

web-design-guidelines

Review UI code against current web interface guidelines and report file:line violations.

Community
Intermediate
SiddharthChillaleSiddharthChillale

web-design-guidelines

Reviews frontend code against web interface guidelines and accessibility standards.

Community
Intermediate
HouseofmvpsHouseofmvps
115

a11y

Detect and fix deterministic WCAG 2.2 A/AA accessibility violations in HTML files.

Community
Advanced