skills.rest
staticWagomU
staticWagomUCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Evaluate UI files against Web Interface Guidelines accessibility rules in file:line format.

6|Updated Dec 28, 2023
Search Tags:#design#ui#accessibility#compliance#review#guidelines#ux
One-click install
npx skills add https://github.com/staticWagomU/dotfiles --skill web-design-guidelines-staticwagomu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/staticWagomU/dotfiles/tree/main/config/claude/skills/web-design-guidelines
Command: npx skills add https://github.com/staticWagomU/dotfiles --skill web-design-guidelines-staticwagomu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI teams often struggle to ensure every UI asset complies with the latest Web Interface Guidelines, leading to inconsistent accessibility and UX quality.

Core Features & Use Cases

  • Guideline enforcement: fetches the latest guidelines and compares UI files against all rules.
  • Files & patterns: reads specified files or patterns to evaluate conformance.
  • Report output: returns concise, parseable findings in a file:line style for fast remediation.

Quick Start

Provide a file or pattern to review and I will fetch the latest guidelines and analyze your UI files.

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 UX compliance?▼

To audit UI code for accessibility, provide a file or pattern to review, and the tool fetches the latest Web Interface Guidelines to evaluate conformance, returning concise findings in a file:line format for fast remediation.

What is a UI accessibility and UX quality review?▼

A UI accessibility and UX quality review identifies whether UI code conforms to Web Interface Guidelines, ensuring interfaces remain accessible and usable by comparing files against all rules for consistent quality.

Can I use this tool to review specific UI files across my codebase?▼

Yes, you can read specified files or patterns across your codebase to evaluate conformance against Web Interface Guidelines, generating parseable findings for fast remediation.

What is the best way to check UI code against design guidelines?▼

The best way to check UI code is fetching the latest guidelines and evaluating each file against all rules, returning terse results in a file:line format for immediate remediation.

Why does my UI accessibility review return findings in a file:line format?▼

UI accessibility reviews return findings in a file:line format to provide concise, parseable results that enable fast remediation of conformance issues across UI files.

Related Skills

Explore More Design & Creative Skills→
danielkhigaydanielkhigay

web-design-guidelines

Compare project files against Web Interface Guidelines and report UI non-conformance in file:line format.

Community
Intermediate
zyx77550zyx77550

web-design-guidelines

Identify Web Interface Guidelines violations in UI codebases and report file:line findings.

Community
Intermediate
RektooooooRektoooooo
2

ios-testing

Automate iOS application testing with predefined scripts for functional and visual validation.

Community
Intermediate
TarasTsavolykTarasTsavolyk
1

a11y-audit

Audit web UI components against WCAG 2.2 AA standards using axe and manual checks.

Community
Intermediate