skills.rest
RevealUIStudio
RevealUIStudioCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Identify UI accessibility and design guideline violations in codebases.

4|Updated Jan 3, 2026
Search Tags:#a11y#audit#guidelines#ui-design#code-review#ui-patterns#web-accessibility
One-click install
npx skills add https://github.com/RevealUIStudio/revealui --skill web-design-guidelines-revealuistudio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/RevealUIStudio/revealui/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/RevealUIStudio/revealui --skill web-design-guidelines-revealuistudio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review and enforce compliance of UI code with Web Interface Guidelines to help teams deliver accessible, consistent interfaces.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from the official source.
  • Read the specified UI files or patterns, and compare them against the fetched rules.
  • Output findings in a terse file:line format to guide targeted fixes.

Quick Start

Review your UI project with the latest guidelines to surface accessibility and design conformance issues.

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 violations?▼

To audit web UI code for accessibility violations, you can use this tool to fetch the latest Web Interface Guidelines and compare them against your specified UI files. It outputs findings in a concise file:line format to guide targeted fixes.

What is a UI code review for web accessibility and design guidelines?▼

A UI code review for web accessibility identifies non-compliant patterns by reading target files and applying official Web Interface Guidelines rules. It surfaces a11y and design violations to help teams deliver accessible, consistent interfaces.

Can I check specific UI components against the latest Web Interface Guidelines?▼

Yes, you can check specific UI components by specifying target files or patterns. The tool reads those files, applies all fetched rules, and reports accessibility and design guideline violations directly.

Does this accessibility audit require any external dependencies or libraries?▼

No, this accessibility audit requires no external dependencies or libraries. It directly fetches guidelines from the official source and reads your target files to identify UI accessibility and design conformance issues.

What format are accessibility and design guideline violations reported in?▼

Accessibility and design guideline violations are reported in a terse file:line format. This concise output pinpoints exact locations in your codebase to guide targeted fixes for UI patterns and a11y issues.

Related Skills

Explore More Design & Creative Skills→
anntnzrbanntnzrb
1

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Community
Intermediate
PaldomPaldom
11

web-design-guidelines

Audit UI code for Web Interface Guidelines compliance and report findings.

Community
Intermediate
johnlindquistjohnlindquist
24

chrome

Automate browser interactions for web testing and data extraction with Puppeteer or Playwright.

Community
Advanced
airoweairowe
14

Accessibility Audit Skill

Audit web projects for WCAG 2.1 violations using axe-core and eslint-plugin-jsx-a11y.

Community
Advanced