skills.rest
jgwill
jgwillCOMMUNITY
Explore all skills by this author →
𝕏@jgipubGitHub

web-design-guidelines

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

1|2|Updated Apr 13, 2026
Search Tags:#code review#accessibility#ui audit#ux review#web guidelines#design compliance#file line reporting
One-click install
npx skills add https://github.com/jgwill/dotagents --skill web-design-guidelines-jgwill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/jgwill/dotagents/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/jgwill/dotagents --skill web-design-guidelines-jgwill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you find UI, UX, and accessibility issues by checking your web interface against the latest Web Interface Guidelines.

Core Features & Use Cases

  • Guideline-driven UI auditing: Fetches the newest rules, then verifies your UI files against all guideline checks.
  • Targeted review: Reviews specific files or matching patterns, or asks you which files to review when none are provided.
  • Actionable output: Reports results in a compact file:line format so you can quickly locate and fix problems.

Quick Start

Ask it to review the files that implement your web interface, for example: "Review my UI files for Web Interface Guidelines 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 web interface code for accessibility and UX issues?▼

To audit your web interface code for accessibility and UX issues, provide specific UI files or file patterns for review. The tool fetches the latest Web Interface Guidelines, scans your code to identify compliance problems, and reports findings in a compact file:line format for quick fixes.

What is a UI review against web guidelines and how does it work?▼

A UI review against web guidelines is a code compliance check that fetches the newest rules from a configured source URL. It scans targeted front-end implementations to detect UX, accessibility, and design issues, outputting actionable results in a terse file:line format.

Can I review specific files for design compliance instead of the whole project?▼

Yes, you can review specific files for design compliance by providing file names or matching patterns during the UI review request. If no files are specified, the tool will ask you which files to target before running the guideline checks.

Do I need to manually update web design guidelines before running a UI audit?▼

No, you do not need to manually update web design guidelines before running a UI audit. The tool automatically fetches the latest guideline command instructions from its configured source URL each time it scans your front-end files for compliance.

What is the best way to locate and fix front-end accessibility issues found during a review?▼

The best way to locate and fix front-end accessibility issues is to use the reported file:line format. This compact output maps each identified UX and design compliance problem directly to its exact location in your web interface code for immediate correction.

Related Skills

Explore More Design & Creative Skills→
pkoka888pkoka888
1

web-design-guidelines

Review HTML, CSS, and front-end files against Web Interface Guidelines.

Community
Intermediate
IsKenKenYaIsKenKenYa

web-design-guidelines

Review Web interface UI code against current Web Interface Guidelines.

Community
Intermediate
gabriellpequenogabriellpequeno
8

web-design-guidelines

Enforce external UI guideline compliance during front-end design reviews and critiques.

Community
Basic
vuminhieuvuminhieu

ui-styling

Build accessible React interfaces with shadcn/ui, Tailwind CSS, and canvas visuals.

Community
Intermediate