web-design-guidelines

Review UI code against Web Interface Guidelines and output file:line findings.

2|Updated Apr 10, 2026
One-click install
npx skills add https://github.com/t0lab/harness-kit --skill web-design-guidelines-t0lab
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/t0lab/harness-kit/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/t0lab/harness-kit --skill web-design-guidelines-t0lab

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automated, consistent reviews of web UI code against a canonical set of Web Interface Guidelines to catch accessibility, UX, and design-consistency issues before they reach users or production.

Core Features & Use Cases

  • Fetches live guidelines from the authoritative source URL to ensure checks use the latest rules.
  • File-based rule application: reads user-specified files or glob patterns and applies the guideline checks to each file.
  • Terse, actionable output: reports findings in a compact file:line format suitable for CI, PR comments, or developer triage.
  • Use Cases: run as a pre-merge check for pull requests, audit component libraries for accessibility regressions, or perform manual UX compliance reviews.

Quick Start

Review the frontend source files matching the pattern you provide for Web Interface Guidelines compliance and return all findings in file:line format.

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

To audit web frontend code for accessibility and UX compliance, you provide file paths or glob patterns to have guideline checks applied directly to your UI components, returning findings in a terse file:line format.

What is the best way to check a pull request for web interface guideline violations?

Checking a pull request for web interface guideline violations involves fetching the latest authoritative rules from a remote URL and applying them to the changed frontend source files to output actionable findings.

Can I use a custom remote URL for my web design guidelines during an audit?

Yes, you can use a custom remote URL for web design guidelines during an audit; the tool fetches live guidelines from the authoritative source URL you provide to ensure checks use the latest rules.

Does the accessibility audit output integrate with CI pipelines and PR comments?

Yes, the accessibility audit output integrates with CI pipelines and PR comments by reporting findings in a terse file:line format suitable for automated developer triage and pre-merge checks.

How do I detect accessibility regressions in a component library?

To detect accessibility regressions in a component library, you run automated file-based rule checks against your specified component files to identify UX consistency and design-guideline adherence issues.

What file formats and patterns are supported for UX consistency reviews?

UX consistency reviews support web frontend repository files and component files, reading user-specified files or glob patterns to apply rule checks and output actionable findings.