web-design-guidelines

Audit UI code against Web Interface Guidelines and produce file:line reports.

2|Updated Feb 23, 2026
One-click install
npx skills add https://github.com/ImHangLi/book-of-answers --skill web-design-guidelines-imhangli
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ImHangLi/book-of-answers/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/ImHangLi/book-of-answers --skill web-design-guidelines-imhangli

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance and accessibility checks to ensure sites meet best practices.

Core Features & Use Cases

  • Guideline-driven review: Fetch up-to-date rules from the official source and apply them to your UI files.
  • Flexible input: Read target files or patterns provided by the user for analysis.
  • Actionable output: Produce concise reports with file:line style findings to guide remediation.

Quick Start

Provide the UI files or patterns to review and run an accessibility and guidelines audit 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 UI code for web interface guidelines compliance?

To audit UI code for web interface guidelines compliance, provide your target UI files or patterns to the Skill. It fetches up-to-date rules from the official remote guidelines document and checks your code against all rules to produce a concise file:line style report.

Can I run an accessibility audit on specific files in my web project?

Yes, you can run an accessibility audit on specific files in your web project. The Skill accepts flexible input, allowing you to specify target files or patterns for analysis and validate UX against the latest Web Interface Guidelines.

What does a web design accessibility review report look like?

A web design accessibility review report is a concise file:line style findings document. This actionable output format directly guides remediation by pinpointing exactly where your UI code violates the fetched Web Interface Guidelines.

Does this guidelines audit work with any codebase or site?

Yes, this guidelines audit works across codebases and sites. You can apply it to web projects, design reviews, accessibility audits, and UX validation by reading the target UI files you provide for analysis.

Do I need to manually update the rules for my accessibility audit?

No, you do not need to manually update the rules for your accessibility audit. The guideline-driven review automatically loads rules from the remote guidelines document to ensure checks always apply the most up-to-date official standards.

What is the best way to validate UX against web design best practices?

The best way to validate UX against web design best practices is loading rules from the official remote guidelines document and checking your UI files against all rules. This process ensures your sites meet current accessibility and design compliance standards.