skills.rest
misty-step
misty-stepOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Audit UI files against Web Interface Guidelines for accessibility and UX conformance.

13|3|Updated Mar 2, 2026
Search Tags:#ui#accessibility#audit#web#design-guidelines#conformance#ux-review
One-click install
npx skills add https://github.com/misty-step/harness-kit --skill web-design-guidelines-misty-step
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/misty-step/harness-kit/tree/main/skills/.external/vercel-web-design-guidelines
Command: npx skills add https://github.com/misty-step/harness-kit --skill web-design-guidelines-misty-step

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Auditors and design teams need to ensure UI files comply with established Web Interface Guidelines to improve accessibility and UX quality across projects.

Core Features & Use Cases

  • Automatically fetch latest guidelines from the official source and apply them to a target codebase.
  • Analyze UI components, styles, and markup for conformance and surface actionable fixes.
  • Use cases include reviewing a web app, a design-system library, or a component suite for accessibility and UX consistency.

Quick Start

Provide a UI project or files to review, and run the analysis to produce a guideline-compliance 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 app for accessibility and UX conformance issues?▼

Accessibility and UX conformance audits fetch the latest Web Interface Guidelines, parse the rules, and analyze your web project files to report accessibility issues in a terse file:line format.

What is a UI conformance review for web design systems?▼

A UI conformance review checks component libraries and design system files against established Web Interface Guidelines to identify accessibility and UX consistency issues across multiple frameworks.

Can I review UI component styles and markup across multiple frameworks?▼

Yes, UI conformance analysis applies to web projects, component libraries, and design systems across multiple frameworks, checking code, styles, and assets for accessibility and UX issues.

How do I ensure my UI files comply with Web Interface Guidelines automatically?▼

Automated compliance checks fetch the latest guidelines from the official source, apply them to your target codebase, and surface actionable fixes for accessibility and UX conformance issues.

What format does a UI accessibility audit report use?▼

UI accessibility audit reports use a terse file:line format to identify conformance issues, providing actionable findings directly mapped to the parsed Web Interface Guidelines rules.

Do I need to manually provide the Web Interface Guidelines to audit my codebase?▼

No, the conformance audit automatically fetches the latest guidelines from the official source before parsing the rules and analyzing your specified UI files for accessibility and UX issues.

Related Skills

Explore More Design & Creative Skills→
samuelross99samuelross99
1

web-design-guidelines

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

Community
Intermediate
Citrus-bitCitrus-bit
135

web-design-guidelines

Review UI code against the Web Interface Guidelines and output file:line violation reports.

Community
Intermediate
TrimudTrimud

web-design-guidelines

Compare frontend code against Web Interface Guidelines and report violations.

Community
Intermediate
Ikki-GroupIkki-Group

web-design-guidelines

Evaluate UI code against Web Interface Guidelines and output findings in file:line format.

Official
Intermediate