skills.rest
junevm
junevmCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review web UI source files against Web Interface Guidelines.

Updated Aug 27, 2026
Search Tags:#code review#accessibility#design QA#ui audit#web guidelines#ux compliance
One-click install
npx skills add https://github.com/junevm/avtoolz --skill web-design-guidelines-junevm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/junevm/avtoolz/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/junevm/avtoolz --skill web-design-guidelines-junevm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you systematically catch UI, accessibility, and UX issues by checking your web interface against a single, up-to-date set of Web Interface Guidelines.

Core Features & Use Cases

  • Guideline-driven UI review: Fetches the latest rule set from the official Web Interface Guidelines source and applies every rule to your provided files.
  • File/pattern targeted auditing: Reviews the specific paths or patterns you supply, producing actionable findings without manual triage.
  • Compact, location-based reporting: Outputs results in the terse file:line format so teams can jump directly to the exact code locations.

Quick Start

Ask the skill to review your UI files by providing a file path or glob pattern you want checked against the latest Web Interface Guidelines.

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 web UI source files for accessibility and UX compliance?▼

To audit web UI source files for accessibility and UX compliance, provide specific file paths or glob patterns. The tool fetches the latest Web Interface Guidelines rules and reviews your code against them, reporting issues in a file:line format.

What is the best way to check my code against Web Interface Guidelines during design QA?▼

The best way to check code during design QA is running a guideline-driven UI review on targeted file paths. This applies the latest Web Interface Guidelines rule set directly to your supplied files and outputs actionable findings.

Can I target specific glob patterns for a pre-release UI audit instead of reviewing the entire project?▼

Yes, you can target specific glob patterns for a pre-release UI audit. The review process applies the Web Interface Guidelines exclusively to the file paths or patterns you supply, generating actionable findings without manual triage.

How does the location-based reporting format work for web design guideline violations?▼

Location-based reporting outputs results in a terse file:line format for web design guideline violations. This compact style allows teams to jump directly to the exact code locations where accessibility or interface quality issues were detected.

Do I need to manually update the accessibility rules before running a UI audit?▼

No, you do not need to manually update accessibility rules before running a UI audit. The review process automatically fetches the latest guideline rules from the configured source URL every time it checks your web interface source files.

Related Skills

Explore More Design & Creative Skills→
quanngynxquanngynx

web-design-guidelines

Review web interface source files for compliance with Web Interface Guidelines.

Community
Intermediate
runkidsrunkids
11

web-quality-audit

Audit web pages for performance, accessibility, SEO, and best practices.

Community
Basic
murphyjosephmurphyjoseph

web-design-guidelines

Audit UI code against official web interface guidelines and accessibility standards.

Community
Intermediate
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate