skills.rest
yuehanjohn
yuehanjohnCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Audit web UI code against current Web Interface Guidelines for accessibility and UX issues.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure UI code adheres to Web Interface Guidelines by providing automated review against up-to-date rules, improving accessibility and UX consistency.

Core Features & Use Cases

  • Guideline-driven UI audit: checks code against the latest Web Interface Guidelines source.
  • Accessibility and UX validation: flags accessibility issues and UX deviations.
  • Use Case: When asked to review a site or component, you can run a guideline-based audit to surface issues and recommended fixes.

Quick Start

Provide the UI files or patterns to review and let the skill fetch the latest guidelines to begin the audit.

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 code for accessibility issues?▼

Auditing UI code for accessibility involves checking it against established Web Interface Guidelines. This skill fetches the latest rules, applies them to your provided UI files or patterns, and reports accessibility and UX deviations in a structured format.

Can I review UI components across different web frameworks for UX deviations?▼

Reviewing UI components for UX deviations across different web frameworks is supported. The skill applies Web Interface Guidelines to your code regardless of framework, identifying patterns that diverge from standard UX rules and flagging them for review.

What is a guideline-driven design audit for web interfaces?▼

A guideline-driven design audit checks user interface code against up-to-date Web Interface Guidelines to validate accessibility and UX consistency. It applies standardized rules directly to web UI files to surface issues and recommend fixes.

Does this UI accessibility review work for refactoring existing web pages?▼

Yes, this UI accessibility review works for refactoring existing web pages. You can run a guideline-based audit during a refactor to identify accessibility issues and UX deviations in your current code before applying recommended fixes.

How do I ensure my web design adheres to the latest UX consistency rules?▼

Ensuring your web design adheres to the latest UX consistency rules requires auditing it against current Web Interface Guidelines. The skill fetches the most up-to-date rules from its source URL, reads your files, and reports any UX deviations found.

Related Skills

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

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Community
Intermediate
darthlinuxerdarthlinuxer

web-design-guidelines

Audit web frontend files against Web Interface Guidelines and output file:line findings.

Community
Intermediate
Higashi-KotaHigashi-Kota

ui-component

Build accessible React UI components with design tokens and ARIA patterns.

Community
Advanced
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate