skills.rest
Matrix-The-One
Matrix-The-OneCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and UX gaps.

Updated May 5, 2026
Search Tags:#design#ui#accessibility#review#guidelines#ux#web
One-click install
npx skills add https://github.com/Matrix-The-One/agent-test-2 --skill web-design-guidelines-matrix-the-one
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Matrix-The-One/agent-test-2/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Matrix-The-One/agent-test-2 --skill web-design-guidelines-matrix-the-one

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill reviews UI code for Web Interface Guidelines compliance, focusing on accessibility, UX consistency, and best practices.

Core Features & Use Cases

  • Fetch the latest guidelines from the source URL
  • Read the specified UI files (or patterns) for evaluation
  • Compare against the fetched rules and surface actionable remediation findings

Quick Start

Fetch the latest guidelines and review the specified UI files 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 my web UI code for accessibility and UX compliance?▼

To audit web UI code for accessibility and UX compliance, the Skill fetches the latest web interface guidelines, loads your target files, applies the rules, and generates a concise report of actionable remediation findings.

What is the best way to check web components against design guidelines?▼

Checking web components against design guidelines involves loading the specified UI patterns, evaluating them against fetched rules, and surfacing accessibility, UX, and consistency gaps in an actionable findings report.

Can I review UI patterns across different project sizes for usability issues?▼

Yes, you can review UI patterns across common project sizes. The Skill scopes web components and pages to identify usability and conversion gaps where UI quality directly impacts the user experience.

How does the accessibility review process work for web pages?▼

The accessibility review process works by fetching up-to-date guidelines from a source URL, reading your specified web page files, and comparing the code against those rules to produce actionable remediation findings.

Do I need to provide my own web interface guidelines for the review?▼

No, you do not need to provide your own web interface guidelines. The Skill automatically fetches the latest guidelines from the source URL to evaluate your UI files for accessibility and UX consistency.

Related Skills

Explore More Design & Creative Skills→
eniosales08-AIeniosales08-AI

web-design-guidelines

Fetch current Web Interface Guidelines and evaluate UI files for compliance.

Community
Intermediate
akiojinakiojin

web-design-guidelines

Verify HTML/CSS/JS UI code against Web Interface Guidelines and report findings in file:line format.

Community
Basic
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced
evandrodevbrevandrodevbr
1

web-design-guidelines

Review web interfaces for design, usability, and accessibility compliance issues.

Community
Intermediate