skills.rest
brunoreinstein-cloud
brunoreinstein-cloudCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI files against Web Interface Guidelines and output line-numbered findings.

Updated Aug 27, 2026
Search Tags:#accessibility#a11y#compliance#usability#guidelines#web-design#ui-review
One-click install
npx skills add https://github.com/brunoreinstein-cloud/chat-assitjur --skill web-design-guidelines-brunoreinstein-cloud
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/brunoreinstein-cloud/chat-assitjur/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/brunoreinstein-cloud/chat-assitjur --skill web-design-guidelines-brunoreinstein-cloud

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance, ensuring accessibility, usability, and visual coherence across projects.

Core Features & Use Cases

  • Guideline-driven checks: Compare UI files against the latest Web Interface Guidelines to catch accessibility and usability issues early.
  • Guidelines source: Fetch fresh rules from the official source before each review to ensure up-to-date compliance.
  • Usage pattern: Provide specific files or patterns to audit and receive structured findings in a file:line format.

Quick Start

Provide the files or patterns to review and initiate the automatic guideline compliance check.

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 UI code for accessibility and usability compliance?▼

To check UI code for accessibility and usability compliance, provide your specific UI files or patterns for review. The tool fetches fresh Web Interface Guidelines and outputs structured findings in a concise file:line format.

What is the best way to audit web interfaces against the latest UX best practices?▼

Auditing web interfaces against the latest UX best practices involves fetching fresh rules from an official source before each review. This ensures up-to-date compliance by applying guideline-driven checks directly to your provided files.

How does a guideline-driven UI review identify accessibility issues in code?▼

A guideline-driven UI review identifies accessibility issues by comparing provided UI files against the latest Web Interface Guidelines. It catches a11y and usability problems early and reports them with precise line numbers.

Can I review specific UI files for visual coherence without setting up dependencies?▼

You can review specific UI files for visual coherence without setting up dependencies. The tool requires no external components or modules, allowing you to directly provide file patterns and initiate an automatic compliance check.

What format do compliance findings follow when auditing UI code?▼

Compliance findings when auditing UI code follow a structured file:line format. This concise output pinpoints exactly where accessibility, usability, and visual coherence issues occur within the reviewed UI files.

Related Skills

Explore More Design & Creative Skills→
elianivaelianiva
203

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and usability.

Community
Intermediate
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

Validate UI modifications for visual regression, compliance, and accessibility.

Community
Advanced
dominika-zajacdominika-zajac

accessibility-audit

Run Lighthouse audits and custom heuristics to report WCAG accessibility issues.

Community
Advanced