skills.rest
cyhinverse
cyhinverseCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Compare UI files against the latest Web Interface Guidelines to report conformance gaps.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps developers ensure their UI code adheres to established Web Interface Guidelines, reducing usability and accessibility risks.

Core Features & Use Cases

  • Automated conformance checks against the most recent Web Interface Guidelines fetched dynamically.
  • File/pattern scoped reviews to cover specific UI components, pages, or repositories.
  • Actionable findings with remediation recommendations for accessibility, responsiveness, and visual consistency.
  • Use cases include accessibility checks, UX audits, and design reviews across components.

Quick Start

Provide the UI files or patterns to review and I will fetch the latest guidelines to evaluate conformance.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I check my UI code for web accessibility and UX conformance gaps?▼

You can audit UI components by providing the targeted files or patterns for review. The tool reads the specified files and compares them against the latest Web Interface Guidelines to produce concise findings with remediation recommendations.

Can I scope a design review to specific UI components or pages?▼

Yes, you can scope design reviews to specific UI components or pages by providing the targeted files or patterns. The tool reads only the specified files and compares them against the latest Web Interface Guidelines to produce concise findings.

What is the process for an automated web design guidelines review?▼

An automated web design guidelines review fetches the most recent official Web Interface Guidelines dynamically, reads your targeted UI files, and reports conformance gaps. It outputs actionable findings with remediation recommendations for accessibility and responsiveness.

Does this conformance review fetch the latest official web interface guidelines?▼

Yes, the conformance review fetches the current Web Interface Guidelines dynamically from the official source before evaluating your UI code. This ensures accessibility checks and UX audits reflect the most recent compliance standards.

What kind of remediation recommendations do I get from a UX audit?▼

A UX audit yields actionable findings with remediation recommendations for accessibility, responsiveness, and visual consistency. By identifying UI conformance gaps against Web Interface Guidelines, it provides concise steps to resolve usability risks.

Related Skills

Explore More Design & Creative Skills→
PaldomPaldom
11

web-design-guidelines

Audit UI code for Web Interface Guidelines compliance and report findings.

Community
Intermediate
Kevin-Liu-01Kevin-Liu-01
16

web-design-guidelines

Identify UI design and accessibility issues in React/TSX, HTML/CSS, and assets against the latest Web Interface Guidelines.

Community
Intermediate
lyzno1lyzno1
1

web-design-guidelines

Audit UI code against current Web Interface Guidelines for accessibility and consistency.

Community
Basic
0xDarkMatter0xDarkMatter
29

task-runner

Execute justfile recipes for test, build, lint, and deploy tasks.

Community
Basic