skills.rest
Happy-Horizon
Happy-HorizonOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Check web UI files against Web Interface Guidelines and output file:line findings.

Updated Mar 12, 2026
Search Tags:#accessibility#a11y#code-review#web-design#ux-audit#ui-guidelines
One-click install
npx skills add https://github.com/Happy-Horizon/cursor-marketplace --skill web-design-guidelines-happy-horizon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Happy-Horizon/cursor-marketplace/tree/main/synced-vendor-skills/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Happy-Horizon/cursor-marketplace --skill web-design-guidelines-happy-horizon

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review files for compliance with Web Interface Guidelines.

Core Features & Use Cases

  • Fetch fresh guidelines from the source URL
  • Read specified files (or prompt for files/pattern)
  • Check against all rules in the fetched guidelines
  • Output findings in the terse file:line format Guidelines Source: https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Quick Start

Provide the target UI files or patterns to begin a compliance review against the latest guidelines source.

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 UI code for accessibility and UX best practices?▼

To audit UI code for accessibility and UX best practices, this Skill cross-checks your web files against Web Interface Guidelines. It fetches the latest rules from the source URL, applies all rules to target files, and outputs compliance findings in a terse file:line format.

What is the output format for a web interface guidelines code review?▼

The output format for a web interface guidelines code review is a terse file:line format. This allows developers to quickly identify UI compliance gaps, accessibility issues, and design best-practice deviations directly within their target web UI files.

How do I check my web files against the latest Web Interface Guidelines?▼

To check web files against the latest Web Interface Guidelines, provide your target UI files or patterns. The Skill uses WebFetch to retrieve fresh rules from the guidelines source URL and applies all fetched rules to your specified files to identify compliance gaps.

Can I run a UX audit on a live site using web interface guidelines?▼

Yes, you can run a UX audit on a live site using web interface guidelines. The Skill can apply rules to web UI files across repositories or live sites to check accessibility, UX, and design best-practice adherence for compliance gaps.

Does this web design code review require any dependencies or setup?▼

This web design code review requires no dependencies or components. You only need to provide the target UI files or patterns to begin the compliance review, as the Skill fetches all necessary rules directly from the guidelines source URL.

What is the best way to identify UI compliance gaps in a repository?▼

The best way to identify UI compliance gaps in a repository is to apply fetched Web Interface Guidelines to all target web UI files. This cross-checks code against accessibility, UX, and design best-practice rules, outputting findings in a terse file:line format.

Related Skills

Explore More Design & Creative Skills→
babou212babou212

web-design-guidelines

Compare web files against Web Interface Guidelines and output compliance issues in file:line format.

Community
Intermediate
zyx77550zyx77550

web-design-guidelines

Identify Web Interface Guidelines violations in UI codebases and report file:line findings.

Community
Intermediate
sadie100sadie100

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
eykissvrinoeykissvrino
1

web-design-guidelines

Validate project files against Web Interface Guidelines and report issues in file:line format.

Community
Intermediate