skills.rest
1wos
1wosCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Fetch latest web interface guidelines and report violations in UI code.

Updated Feb 7, 2026
Search Tags:#ui#accessibility#frontend#review#guidelines#web-design-guidelines
One-click install
npx skills add https://github.com/1wos/sdkhackthon --skill web-design-guidelines-1wos
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/1wos/sdkhackthon/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/1wos/sdkhackthon --skill web-design-guidelines-1wos

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure UI code adheres to the latest Web Interface Guidelines by automatically fetching rules and evaluating files for compliance.

Core Features & Use Cases

  • Guideline retrieval: Fetch fresh guidelines from the official source before each review.
  • File pattern evaluation: Read specified files or glob patterns to apply the rules.
  • Result reporting: Output a concise, actionable list of violations and remediation tips.

Quick Start

Fetch the latest guidelines and scan your specified files for compliance.

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 frontend UI code for accessibility and guideline compliance?▼

To audit frontend UI code, the Skill fetches the latest Web Interface Guidelines and evaluates your specified files or glob patterns, delivering a concise, actionable list of violations for remediation.

What is the best way to check if my web design files match current UI guidelines?▼

The best way to check web design files is by applying freshly fetched UI guidelines to your specified frontend files, which generates a clear, actionable list of mismatches suitable for validation.

Can I use glob patterns to scan specific frontend files for UI violations?▼

Yes, you can use glob patterns to read and evaluate specific frontend files, applying the fetched UI guidelines to report exact mismatches and remediation tips for those targeted paths.

Does this UI review process fetch the latest accessibility rules automatically?▼

Yes, the UI review process automatically fetches fresh guidelines from the official source before each evaluation, ensuring your frontend code is always checked against the most current rules.

What format are the results delivered in when enforcing web interface guidelines?▼

Results are delivered as a clear, actionable list of violations and remediation tips, providing a concise report format suitable for immediate codebase validation and fixes.

Related Skills

Explore More Design & Creative Skills→
alexwoxalexwox

web-design-guidelines

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

Community
Intermediate
tan-yong-shengtan-yong-sheng
1

web-design-guidelines

Identify UI accessibility and design guideline violations in web projects.

Community
Intermediate
rayriffyrayriffy
127

web-design-guidelines

Compare UI files against Web Interface Guidelines to report compliance violations.

Community
Intermediate
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate