skills.rest
KaranKathur06
KaranKathur06COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review web UI source files against fetched Web Interface Guidelines.

Updated Feb 22, 2026
Search Tags:#code review#best practices#accessibility#web ui#design guidelines#ux audit
One-click install
npx skills add https://github.com/KaranKathur06/Metal-Hub --skill web-design-guidelines-karankathur06
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/KaranKathur06/Metal-Hub/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/KaranKathur06/Metal-Hub --skill web-design-guidelines-karankathur06

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you identify UI, accessibility, and UX compliance gaps against a consistent set of Web Interface Guidelines before issues reach users.

Core Features & Use Cases

  • Guideline-based UI review: Evaluates provided files against the latest fetched guideline rules.
  • Targeted file or pattern auditing: Supports auditing a specific file set or prompting for inputs when none are provided.
  • Actionable, compact findings: Reports issues in a terse file:line format so you can fix the exact locations quickly.

Use case: you are preparing a UI release and want to catch accessibility and design best-practice violations early across components in your codebase.

Quick Start

Use the web-design-guidelines skill to review your UI files by asking it to audit the relevant directory for accessibility and design guideline violations.

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

A UI code audit checks your source files against Web Interface Guidelines to identify accessibility, design, and UX compliance gaps. It fetches fresh rule sets and outputs findings in a file:line format so you can fix exact locations quickly.

Can I review a specific directory for web design best practices before a release?▼

Yes, you can review a specific directory for web design best practices by providing a targeted file path or pattern. The skill evaluates matching files against fetched guideline rules and outputs actionable compliance findings.

What is a UX audit against Web Interface Guidelines?▼

A UX audit against Web Interface Guidelines evaluates your UI source files for compliance with freshly fetched rule sets. It identifies accessibility, design, and best-practice alignment gaps before issues reach users.

Do I need to provide a file path for a code review of web UI components?▼

You need to provide a file path or pattern for a code review of web UI components. If none is provided, the skill prompts for the necessary inputs to locate the relevant files before applying the design guidelines.

What format does the web UI code review use for reporting issues?▼

The web UI code review reports issues in a terse file:line format. This compact output pinpoints exact locations of accessibility and design violations so you can quickly resolve them.

Related Skills

Explore More Design & Creative Skills→
giosuetedeschi-specgiosuetedeschi-spec

web-design-guidelines

Evaluate web interface code for compliance with design and accessibility standards.

Community
Intermediate
wchen02wchen02
1

web-design-guidelines

Identifies UI code compliance gaps using official Web Interface Guidelines, outputting findings as file:line references.

Community
Intermediate
ryan-mtryan-mt
3

web-design-guidelines

Check UI code compliance with Web Interface Guidelines.

Community
Advanced
MinhHoangDonoMinhHoangDono

ck:web-design-guidelines

Review web UI code against Web Interface Guidelines and report file:line issues.

Community
Basic