skills.rest
Division6066
Division6066COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Identify UI code violating Web Interface Guidelines and report file:line issues.

Updated Mar 10, 2026
Search Tags:#ui#accessibility#a11y#audit#review#guidelines#web-design
One-click install
npx skills add https://github.com/Division6066/tempo-rhythm --skill web-design-guidelines-division6066
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Division6066/tempo-rhythm/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Division6066/tempo-rhythm --skill web-design-guidelines-division6066

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines to help teams ship accessible, consistent interfaces faster.

Core Features & Use Cases

  • Guideline conformance checks: Compare UI code against the latest Web Interface Guidelines.
  • Accessibility checks: Validate semantic HTML, color contrast, keyboard navigation, and responsive behavior.
  • Use Case: When reviewing a new UI component or auditing an entire site for accessibility and visual consistency.

Quick Start

Run a UI review against the latest guidelines to identify accessibility and design violations in your project.

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 UI code for accessibility and web design guideline violations?▼

To audit UI code for accessibility violations, this tool fetches web interface guidelines, compares your provided code against the rules, and outputs findings with precise file and line references.

What does a web interface accessibility check include?▼

An accessibility check includes validating semantic HTML, color contrast, keyboard navigation, and responsive behavior to ensure visual consistency and compliance with web interface guidelines.

How do I review an entire site for visual consistency and a11y issues?▼

You review a site for a11y and visual consistency by providing your UI assets; the tool applies rules across all web interfaces and reports issues in a precise file:line format.

Can I get specific file and line references for UI guideline violations?▼

Yes, you can get specific file and line references for UI guideline violations. The tool identifies code that breaches web interface guidelines and outputs findings directly in file:line format.

Do I need any dependencies or components to run a UI review?▼

No dependencies or components are required to run a UI review. The tool operates independently to fetch guidelines, compare code, and report accessibility and design violations.

Related Skills

Explore More Design & Creative Skills→
Benmore-StudioBenmore-Studio
1

web-design-guidelines

Fetch Web Interface Guidelines and report deviations in UI files.

Official
Intermediate
yonetim258852yonetim258852

wcag-accessibility

Audit UI design and code for WCAG 2.2 AA conformance.

Community
Advanced
dthuy62dthuy62

ck:web-design-guidelines

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

Community
Intermediate
airoweairowe
14

Accessibility Audit Skill

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

Community
Advanced