skills.rest
Hanseooo
HanseoooCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Fetch current Web Interface Guidelines and report UI file violations in file:line format.

Updated Aug 23, 2026
Search Tags:#ui#accessibility#audit#guidelines#code-review#web-design
One-click install
npx skills add https://github.com/Hanseooo/hanseo-opencode-workflows --skill web-design-guidelines-hanseooo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Hanseooo/hanseo-opencode-workflows/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/Hanseooo/hanseo-opencode-workflows --skill web-design-guidelines-hanseooo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps ensure UI code adheres to the latest Web Interface Guidelines, catching accessibility and design inconsistencies before deployment.

Core Features & Use Cases

  • Fetch the latest guidelines from the source URL below
  • Read the specified files (or prompt the user for files or a pattern)
  • Check against all rules in the fetched guidelines and output findings in a terse file:line format
  • Use Case: Review a project’s UI assets to verify accessibility and design conformance against current standards.

Quick Start

Provide a file or pattern to review, and the skill will fetch the latest guidelines, examine the files, apply all rules, and report findings in a concise file:line 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 my UI code for accessibility and design guideline compliance?▼

To audit UI code for guideline compliance, provide your file paths or patterns. The skill fetches the latest Web Interface Guidelines, evaluates the targeted files against all rules, and reports findings in a concise file:line format.

What is the best way to check web design guidelines across multiple UI files?▼

Checking web design guidelines across UI files requires specifying a file pattern. The skill automatically fetches current standards, parses the rules, applies them to matching files, and outputs a terse report of accessibility and design inconsistencies.

Can I review specific UI components against current web interface standards?▼

Yes, you can review specific UI components by providing the target files. The skill fetches the latest Web Interface Guidelines, evaluates the specified UI code against all rules, and produces a concise report of any findings.

How does the web design guideline audit report its findings?▼

The web design guideline audit reports findings in a terse file:line format. After fetching the latest guidelines and evaluating your UI files against all rules, it produces a concise report detailing accessibility and design inconsistencies.

Do I need to manually update the accessibility rules for my UI code review?▼

No, you do not need to manually update accessibility rules for your UI code review. The skill automatically fetches the latest Web Interface Guidelines from the specified source URL before applying all rules to your targeted files.

When should I run a UI accessibility audit on my project files?▼

You should run a UI accessibility audit on your project files before deployment to catch design inconsistencies. The skill evaluates your UI assets against current Web Interface Guidelines, ensuring accessibility conformance early in the process.

Related Skills

Explore More Design & Creative Skills→
JetBrainsJetBrains
302

web-design-guidelines

Fetch web interface guidelines and validate HTML, CSS, and JS files for noncompliant UI patterns.

Official
Intermediate
jaem1n207jaem1n207
18

web-design-guidelines

Reviews UI code for compliance with web interface guidelines.

Community
Intermediate
jgwilljgwill
1

web-design-guidelines

Review web interface code for UX, accessibility, and design compliance.

Community
Intermediate
gregor-tokarevgregor-tokarev

web-design-guidelines

Review UI code for compliance with web interface guidelines.

Community
Advanced