skills.rest
GLaDO8
GLaDO8COMMUNITY
Explore all skills by this author →
Website𝕏@wutamelonshreyGitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations.

Updated Nov 10, 2018
Search Tags:#accessibility#UI#audit#compliance#guidelines#web-design
One-click install
npx skills add https://github.com/GLaDO8/dotfiles --skill web-design-guidelines-glado8
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/GLaDO8/dotfiles/tree/main/claude/backup/agents-skills/web-design-guidelines
Command: npx skills add https://github.com/GLaDO8/dotfiles --skill web-design-guidelines-glado8

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers ensure UI code adheres to the Web Interface Guidelines, reducing design and accessibility gaps across a codebase.

Core Features & Use Cases

  • Fetch the latest guidelines from the source and read target files or patterns.
  • Compare UI files against all rules to identify violations.
  • Output findings in a terse file:line format suitable for quick remediation.

Quick Start

Use the web-design-guidelines skill to review your UI files. Provide the target files or pattern (e.g., src/components/*.tsx); the skill will fetch the latest guidelines and report any violations.

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 web design and accessibility compliance?▼

To audit UI code for web design and accessibility compliance, provide target files or patterns like src/components/*.tsx. The skill fetches the latest web interface guidelines, reads the files, and reports violations in a terse file:line format for quick remediation.

What is the best way to check design consistency across web assets?▼

Checking design consistency across web assets requires comparing UI files against established web interface guidelines. This skill fetches the latest rules from its source URL, applies them to your specified files, and outputs identified design gaps for remediation.

Can I review specific UI component files for accessibility violations?▼

Yes, you can review specific UI component files for accessibility violations by providing target files or patterns. The skill reads the specified files, compares them against all fetched web interface guidelines, and identifies accessibility gaps in a file:line format.

Do I need to manually provide web interface guidelines for a code review?▼

No, you do not need to manually provide web interface guidelines for a code review. The skill automatically fetches the latest guidelines from its source URL before reading your specified files and applying all rules to identify compliance violations.

How does the accessibility audit report format look for quick remediation?▼

The accessibility audit report format is a terse file:line output designed for quick remediation. After comparing your UI files against all fetched web interface guidelines, it lists specific violations with exact file and line locations for developers.

Related Skills

Explore More Design & Creative Skills→
nickstradnickstrad

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and UX compliance.

Community
Basic
nweiinweii
7

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Community
Intermediate
lyzno1lyzno1
1

web-design-guidelines

Audit UI code against current Web Interface Guidelines for accessibility and consistency.

Community
Basic
giosuetedeschi-specgiosuetedeschi-spec

web-design-guidelines

Evaluate web interface code for compliance with design and accessibility standards.

Community
Intermediate