skills.rest
LeroyAdonis
LeroyAdonisCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Fetch official Web Interface Guidelines and report UI non-conformities per file.

Updated May 14, 2026
Search Tags:#design#ui#accessibility#compliance#review#guidelines#web-design
One-click install
npx skills add https://github.com/LeroyAdonis/vector --skill web-design-guidelines-leroyadonis
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/LeroyAdonis/vector/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/LeroyAdonis/vector --skill web-design-guidelines-leroyadonis

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Core Features & Use Cases

  • Fetch the latest guidelines from the official source before reviewing any files.
  • Read the specified files or patterns and evaluate UI components for compliance.
  • Output concise findings that highlight deviations and actionable improvements.

Use Case: A design team wants to review a new component library against the latest accessibility and usability standards to ensure release readiness.

Quick Start

Provide the files or patterns you want reviewed, and I will fetch the latest guidelines and start the audit.

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 web UI for accessibility and compliance issues?▼

Web UI review identifies non-conformities by comparing your code and assets against the latest Web Interface Guidelines, outputting concise per-file findings that highlight deviations and actionable improvements.

What is the best way to audit a web project against usability best practices?▼

Auditing a web project against usability best practices involves fetching official Web Interface Guidelines, reading specified file patterns, and evaluating UI components to generate concise per-file findings on deviations.

Can I review specific UI components instead of my entire web project?▼

You can review specific UI components by providing targeted file paths or patterns; the audit parses only those specified files to generate concise, per-file findings on guideline deviations and actionable improvements.

Does the UI compliance review fetch the latest web design standards automatically?▼

The UI compliance review fetches the latest guidelines from the official source before reading and evaluating any target files, ensuring the audit reflects current Web Interface Guidelines.

What do I need to provide to start an accessibility check on my site?▼

To start an accessibility check, provide the files or directory patterns you want reviewed; the audit fetches the latest guidelines, parses those target files, and generates concise per-file findings on non-conformities.

Related Skills

Explore More Design & Creative Skills→
nakafaainakafaai
78

web-design-guidelines

Analyze UI files against Web Interface Guidelines and report issues in file:line format.

Official
Basic
qdzshqdzsh
12

web-design-guidelines

Review UI code for Web Interface Guidelines compliance.

Community
Intermediate
jpeggdevjpeggdev

delegate

Execute implementation plans by dispatching subagents with two-stage reviews.

Community
Advanced
zivtechzivtech

ui-critic

Evaluate UI designs and live web interfaces for usability and WCAG 2.1 AA accessibility.

Official
Advanced