skills.rest
WOOWOOYONG
WOOWOOYONGCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against the latest Web Interface Guidelines for compliance.

Updated Jan 27, 2026
Search Tags:#accessibility#ui review#design audit#web guidelines#ux best practices
One-click install
npx skills add https://github.com/WOOWOOYONG/Curl-Ticket --skill web-design-guidelines-woowooyong
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/WOOWOOYONG/Curl-Ticket/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/WOOWOOYONG/Curl-Ticket --skill web-design-guidelines-woowooyong

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures your web interface adheres to established design and accessibility best practices, preventing common UI/UX pitfalls.

Core Features & Use Cases

  • Automated Compliance Checks: Fetches the latest Web Interface Guidelines and applies them to your specified code files.
  • Rule-Based Auditing: Identifies deviations from best practices related to usability, accessibility, and design consistency.
  • Use Case: Before launching a new feature, use this Skill to automatically scan the UI code for compliance with accessibility standards and design system rules.

Quick Start

Review the UI code in the src/components directory for guideline compliance.

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 web accessibility and design consistency?▼

Auditing UI code for web accessibility and design consistency involves fetching the latest Web Interface Guidelines and applying them programmatically to specified files to identify usability deviations and rule violations.

What is a web design audit for usability and accessibility compliance?▼

A web design audit for usability and accessibility compliance is a rule-based review process that scans UI code against established Web Interface Guidelines to prevent common UI/UX pitfalls and ensure design consistency.

Can I scan a specific directory like src/components for UI guideline compliance?▼

Yes, you can scan specific directories like src/components for UI guideline compliance by specifying the file patterns, which allows the rule-based auditing process to target and review the UI code directly.

When do I need to run an automated UI review against web guidelines?▼

You need to run an automated UI review against web guidelines before launching a new feature to ensure your web interface adheres to established accessibility standards and prevents common UI/UX pitfalls.

Does the web design audit require any external dependencies or components?▼

No, the web design audit does not require external dependencies or components to function. It operates independently by utilizing WebFetch to retrieve the latest guidelines and apply them directly to your code.

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
vuminhieuvuminhieu

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

Community
Intermediate
dthompsonfldthompsonfl

ui-design-system

Define and enforce a reusable UI design system for web interfaces.

Community
Advanced
h4vzzh4vzz
33

Accessibility Testing

Audit web pages and components for WCAG 2.1 AA/AAA compliance.

Community
Advanced