skills.rest
AbianS
AbianSCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

92|14|Updated Jan 22, 2026
Search Tags:#ui#accessibility#frontend#guidelines#web-design#design-review
One-click install
npx skills add https://github.com/AbianS/rustrak --skill web-design-guidelines-abians
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/AbianS/rustrak/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/AbianS/rustrak --skill web-design-guidelines-abians

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure web UI code complies with the latest Web Interface Guidelines, enabling early detection of accessibility, usability, and consistency gaps.

Core Features & Use Cases

  • Guideline compliance checks: Compare UI files against the most recent guidelines fetched from the official source.
  • Automated accessibility and UX reviews: Scan frontend code, components, and design assets to surface issues.
  • Use Case: Before releasing a new UI, run this Skill to verify that components and styles align with established design standards.

Quick Start

Provide the path to UI files or a file pattern you want reviewed. The Skill will fetch the latest guidelines, evaluate the specified files, and return findings in the guidelines' required format.

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 frontend source code for web interface accessibility and UX compliance?▼

Automated UI compliance checks fetch the latest Web Interface Guidelines and evaluate your frontend code against them. This Skill scans source files and design assets to output per-file findings in a concise file:line style, surfacing accessibility, readability, and visual consistency issues.

Can I check my UI components against official web design guidelines before a release?▼

Yes, you can check UI components against web design guidelines before a release by providing a file path or pattern. The Skill fetches the latest rules and evaluates the specified frontend files, returning accessibility and visual consistency findings in the guidelines' required format.

Do I need to manually configure accessibility rules to review my web design assets?▼

No, you do not need to manually configure accessibility rules to review web design assets. The Skill uses a WebFetch-driven process to automatically retrieve the latest guidelines from a remote official source, ensuring all accessibility and UX checks are dynamically applied.

What's the best way to automate design reviews for visual consistency across web projects?▼

The best way to automate design reviews for visual consistency across web projects is using an automated auditing tool. This Skill compares your frontend components against fetched Web Interface Guidelines, enabling early detection of readability and consistency gaps before UI release.

How does automated UI auditing format accessibility findings for frontend files?▼

Automated UI auditing formats accessibility findings for frontend files in a concise file:line style. By applying all Web Interface Guidelines via a WebFetch-driven process, the Skill outputs per-file findings that pinpoint exact locations of accessibility and UX compliance issues.

Related Skills

Explore More Design & Creative Skills→
LinXueyuanStdioLinXueyuanStdio
2

web-design-guidelines

Review web interface source files against Web Interface Guidelines for accessibility and UX compliance.

Community
Intermediate
alanharrryy-wqalanharrryy-wq
2

web-design-guidelines

Audit UI files against Web Interface Guidelines and report file:line findings.

Community
Intermediate
ev3rlitev3rlit

web-design-guidelines

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

Community
Intermediate
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate