skills.rest
gavin100305
gavin100305COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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
One-click install
npx skills add https://github.com/gavin100305/traffic --skill web-design-guidelines-gavin100305
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
riethmayerriethmayer
2

web-design-guidelines

Fetch Web Interface Guidelines and report UI code violations in file:line format.

Community
Intermediate
Pancake-QPancake-Q
1

web-design-guidelines

Check UI code against Web Interface Guidelines for accessibility and UX compliance.

Community
Intermediate
lucasFR2lucasFR2

web-design-guidelines

Validate HTML code against Web Interface Guidelines in CI/CD workflows.

Community
Intermediate
airoweairowe
14

Accessibility Audit Skill

Audit web projects for WCAG 2.1 violations using axe-core and eslint-plugin-jsx-a11y.

Community
Advanced