web-design-guidelines

Audit web UI source files against Web Interface Guidelines and report findings in file:line format.

5|2|Updated Dec 14, 2025
One-click install
npx skills add https://github.com/BWCbewchan/tpsmindx --skill web-design-guidelines-bwcbewchan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/BWCbewchan/tpsmindx/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/BWCbewchan/tpsmindx --skill web-design-guidelines-bwcbewchan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you identify accessibility, UX, and UI guideline issues in your web interface so users can navigate confidently and consistently.

Core Features & Use Cases

  • Guideline-driven review: Applies the latest Web Interface Guidelines rules retrieved fresh from the guidelines source.
  • Targeted file audits: Reviews specific files you provide or prompts you to choose when no target is given.
  • Actionable output: Reports findings in a compact file-and-line format to speed up fixes.
  • Use case: Before a release, audit a set of UI files to catch accessibility and design compliance problems early, reducing rework.

Quick Start

Ask the assistant to review your UI files for Web Interface Guidelines compliance and return a file:line audit report.

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 files for accessibility and design compliance?

A UX audit checks your web interface source files against published Web Interface Guidelines to uncover accessibility and design issues before release, helping users navigate confidently and reducing rework.

How do I check my website against web standards and UX best practices?

You can check your website against web standards by applying the latest Web Interface Guidelines rules to your source files, returning a compact file:line audit report of accessibility and design issues.

What is a UI review for web interface guidelines?

A UI review for web interface guidelines is an audit of your source files that uncovers accessibility and UX issues by applying published rules, returning findings in a file:line format to speed up fixes.

Can I audit specific UI source files for design issues?

Yes, you can audit specific UI source files for design issues by providing them as targets; if no target is given, the assistant prompts you to choose the files for review.

How does a code review for web accessibility guidelines work?

A code review for web accessibility works by fetching the latest guideline command rules from a configured source URL and applying all rules to the specified input files to output findings in a file:line format.

When do I need a UX audit for my web interface?

You need a UX audit for your web interface before a release to catch accessibility and design compliance problems early, reducing rework and ensuring users can navigate confidently and consistently.