skills.rest
vh2224
vh2224COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against web interface guidelines and report issues in file-line format.

1|Updated Jul 13, 2026
Search Tags:#accessibility#frontend#ui review#design guidelines#ux audit
One-click install
npx skills add https://github.com/vh2224/forge-executor --skill web-design-guidelines-vh2224
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/vh2224/forge-executor/tree/main/src/resources/skills/web-design-guidelines
Command: npx skills add https://github.com/vh2224/forge-executor --skill web-design-guidelines-vh2224

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you review user interfaces against current web interface guidelines so you can catch accessibility, usability, and design-quality issues before shipping.

Core Features & Use Cases

  • Guideline-based review: Checks UI code against the latest published web interface rules.
  • Targeted file auditing: Lets you review a specific file or file pattern rather than an entire project.
  • Terse findings output: Returns issues in a concise file and line format for easy actionability.
  • Use case: Use it when you want a quick UX or accessibility audit of a page, component, or frontend change.

Quick Start

Review the provided UI files against the latest web interface guidelines and return only actionable findings.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run a UX audit on frontend components against web design guidelines?▼

A UI accessibility audit reviews frontend code against current web interface guidelines to pinpoint design and usability issues. This skill fetches external rules and reports actionable findings in a terse file-line format.

Can I check a specific file pattern for accessibility issues instead of an entire project?▼

You can audit specific files or patterns for accessibility issues rather than an entire project. The skill validates targeted frontend components and reports compliance findings in a concise file and line format.

What is the best way to validate UI code for usability issues before shipping?▼

The best way to validate UI code for usability issues is to review it against published web interface guidelines. This skill fetches external rules, validates frontend components, and outputs actionable findings in a concise file-line format.

Does this UX audit tool require fetching external guidelines to work?▼

Yes, performing a UI review requires fetching the latest external guidelines. The skill retrieves current web interface rules to validate frontend code and identify accessibility and usability issues accurately.

How does the skill report accessibility findings for frontend pages?▼

Accessibility findings for frontend pages are reported in a terse file and line format. This ensures design and usability issues are immediately actionable, providing concise validation results for your UI code.

Related Skills

Explore More Design & Creative Skills→
tyk-labtyk-lab

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Community
Intermediate
mhfedmhfed

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility issues.

Community
Intermediate
dinoudondinoudon

component-library

Create reusable UI components with React and Storybook.

Community
Advanced
wredziowredzio

accessibility

Identify and remediate WCAG 2.1 AA accessibility issues in web pages.

Community
Advanced