skills.rest
asubota
asubotaCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Validate UI code against Web Interface Guidelines for accessibility and design issues.

Updated May 10, 2024
Search Tags:#ui#accessibility#a11y#guidelines#web-design#design-review#conformance
One-click install
npx skills add https://github.com/asubota/lets --skill web-design-guidelines-asubota
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/asubota/lets/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/asubota/lets --skill web-design-guidelines-asubota

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines to help teams ensure accessibility, consistency, and adherence to best practices across interfaces.

Core Features & Use Cases

  • Fetch fresh guidelines from the source URL before reviews.
  • Read the specified files or patterns to evaluate UI conformance.
  • Output findings in a concise, rule-based format for remediation.

Quick Start

Provide the UI files you want reviewed and I will fetch the latest guidelines and report any 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 UI code for accessibility issues?▼

To audit UI code for accessibility issues, provide your UI files for review. The tool fetches fresh Web Interface Guidelines, evaluates your code's conformance, and outputs findings in a concise rule-based format for remediation.

What is a UI design review for web accessibility?▼

A UI design review for web accessibility validates your code against Web Interface Guidelines to identify accessibility barriers and design inconsistencies, ensuring interfaces adhere to current a11y best practices and conformance standards.

Can I review specific file patterns for UX quality and a11y conformance?▼

Yes, you can review specific file patterns for a11y conformance. You provide the specified files or patterns, and the tool reads them to evaluate UI conformance against the fetched guidelines for accessibility and UX quality.

Does this design review tool check against current web design guidelines?▼

Yes, the design review tool checks against current web design guidelines by fetching fresh guidelines from the source URL before reviewing your UI codebase, ensuring all accessibility and design consistency checks use up-to-date standards.

What's the best way to ensure design consistency across a UI codebase?▼

The best way to ensure design consistency across a UI codebase is to validate files against Web Interface Guidelines. This identifies accessibility and design issues, outputting findings in a defined rule-based format for targeted remediation.

Related Skills

Explore More Design & Creative Skills→
praveenpererapraveenperera
4

web-design-guidelines

Evaluate UI code against Web Interface Guidelines and output file:line findings.

Community
Intermediate
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate
CwuztoCwuzto

web-design-guidelines

Validate UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
dominika-zajacdominika-zajac

accessibility-audit

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

Community
Advanced