web-design-guidelines

Name: web-design-guidelines
Availability: InStock
Author: Gavin

Audit web UI code against Web Interface Guidelines for compliance issues.

1|Updated May 24, 2026

Search Tags:#code review #best practices #accessibility #ux #web #design guidelines #ui audit

Ready to run

npx skills add https://github.com/gavin100305/traffic --skill web-design-guidelines-gavin100305

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/gavin100305/traffic/tree/main/agents/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/gavin100305/traffic --skill web-design-guidelines-gavin100305

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you spot accessibility, UX, and UI guideline issues in web interface code so you can improve usability and standards compliance before release.

Core Features & Use Cases

Guideline-driven audits: Fetches the latest Web Interface Guidelines ruleset and applies it consistently to your target files.
Deterministic file/pattern review: Reviews either specific files you provide or a pattern you specify for broader coverage.
Actionable results: Reports findings in the terse file:line format required by the fetched guidelines.

Quick Start

Use the web-design-guidelines skill to review your UI code and return a file:line list of guideline violations for the files you specify.

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 code for accessibility and UX compliance?▼

To audit web UI code for accessibility and UX compliance, you can use a skill that fetches the latest Web Interface Guidelines ruleset, scans your specified files or patterns, and outputs violations in a file:line format for immediate review.

What is a UI audit against web best practices?▼

A UI audit against web best practices is a deterministic review process that scans web interface code to identify accessibility, UX, and design compliance problems before release, reporting findings in a terse file:line format.

How do I check specific files for guideline violations during a code review?▼

You can check specific files for guideline violations during a code review by providing the target files to the audit tool, which scans them against a fetched ruleset and returns a precise file:line list of compliance issues.

Can I scan a broad pattern of files for design guideline issues?▼

Yes, you can scan a broad pattern of files for design guideline issues by specifying a file pattern, which allows the audit tool to apply the Web Interface Guidelines consistently across a wider codebase coverage.

Do I need to install dependencies to run an accessibility check on my UI?▼

No, you do not need to install dependencies to run an accessibility check on your UI, as the skill operates without external dependencies and fetches fresh guideline rules directly from a specified source URL.

What's the best way to spot usability problems in web interface code?▼

The best way to spot usability problems in web interface code is to run a guideline-driven audit that fetches the latest Web Interface Guidelines ruleset and applies it consistently to return actionable file:line findings.