web-design-guidelines

Audit web UI code against the Web Interface Guidelines for accessibility, UX, and visual design gaps.

9|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/gwenwindflower/dotfiles --skill web-design-guidelines-gwenwindflower
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/gwenwindflower/dotfiles/tree/main/dot_agents/exact_skills/web-design-guidelines
Command: npx skills add https://github.com/gwenwindflower/dotfiles --skill web-design-guidelines-gwenwindflower

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review web UI code against the Web Interface Guidelines (accessibility, UX, visual design). Use when asked to review a UI, audit accessibility, check UX, or evaluate a site against best practices.

Core Features & Use Cases

  • Fetch the latest guidelines from the source URL and keep them up to date.
  • Ask the user to specify files, directories, or patterns to target for review, or request a full audit.
  • Apply all guideline rules to the target files and generate a concise findings report in the prescribed format.

Quick Start

Provide the target UI files or patterns to review, and request a guideline-driven audit of accessibility, UX, and visual design.

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 UI code for accessibility and UX gaps?

To audit UI code for accessibility and UX gaps, compare your target files against the Web Interface Guidelines. Specify the directories or patterns to review, and the tool fetches the latest rules to generate a concise findings report.

What is a UI code audit against web guidelines?

A UI code audit against web guidelines is a review process that identifies accessibility, UX, and visual-design gaps by applying best-practice rules to your codebase. It outputs a report highlighting specific areas needing improvement.

How do I check if my web interface meets visual design best practices?

To check if your web interface meets visual design best practices, run a guideline-driven audit on your target UI files. The tool applies all visual-design rules from the fetched guidelines and outputs a concise findings report.

Can I audit a specific subset of files for a11y compliance?

Yes, you can audit a specific subset of files for a11y compliance by providing user-specified file paths, directories, or patterns. The tool targets only those files when applying accessibility rules and generating the findings report.

Does this web guidelines audit require any external dependencies?

No, this web guidelines audit does not require any external dependencies or components. It independently fetches the latest Web Interface Guidelines from the source URL and applies all rules directly to your specified code.

What is the best way to evaluate a site against web interface guidelines?

The best way to evaluate a site against web interface guidelines is to request a full audit of your UI code. The tool fetches the latest accessibility, UX, and visual-design rules, applies them to your target files, and outputs a concise findings report.