skills.rest
uni-helper
uni-helperOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

95|3|Updated Jan 30, 2026
Search Tags:#accessibility#UI#compliance#analyze#design-review#web-design-guidelines
One-click install
npx skills add https://github.com/uni-helper/skills --skill web-design-guidelines-uni-helper
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/uni-helper/skills/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/uni-helper/skills --skill web-design-guidelines-uni-helper

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams verify that UI code complies with Web Interface Guidelines, reducing accessibility and usability gaps across projects.

Core Features & Use Cases

  • Guideline Compliance Checks: automatically assess UI elements against the latest Web Interface Guidelines.
  • Accessibility Audits: flag contrast, keyboard navigation, and semantic HTML issues.
  • Design QA: provide clear, actionable feedback during code reviews and UI audits.

Quick Start

Use the Skill to review your UI files against the latest guidelines and generate a concise report of deviations and improvement suggestions.

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 UI code for web accessibility and compliance issues?▼

To check UI code for web accessibility and compliance issues, this tool scans specified files against the latest Web Interface Guidelines to report deviations and provide actionable design QA feedback.

What specific accessibility issues can a UI design review catch?▼

A UI design review can catch specific accessibility issues including color contrast deficits, keyboard navigation barriers, and semantic HTML problems to ensure your interface aligns with current usability standards.

How do I automate design QA during code reviews for web interface guidelines?▼

You automate design QA during code reviews by scanning UI files to fetch the latest rules and report findings in a concise format, automatically flagging accessibility and usability gaps across projects.

Does web design guideline compliance checking work without external dependencies?▼

Yes, web design guideline compliance checking works without external dependencies, allowing you to directly analyze UI code and verify alignment with Web Interface Guidelines across your projects.

When do I need to run a web interface guideline review on my project?▼

You need to run a web interface guideline review when verifying UI code compliance, auditing accessibility, or performing design QA to reduce usability gaps before delivering your project.

What is the best way to flag semantic HTML issues in my UI files?▼

The best way to flag semantic HTML issues is to analyze your UI code against the latest Web Interface Guidelines, which automatically detects semantic errors and provides clear, actionable feedback.

Related Skills

Explore More Design & Creative Skills→
CodingHeaderCodingHeader

web-design-guidelines

Audit UI code for compliance with Web Interface Guidelines.

Community
Intermediate
yuhle-qugyuhle-qug

accessibility-expert

Identify and fix accessibility issues in web interfaces using WCAG 2.1/2.2 and ARIA.

Community
Advanced
pradyumnasagarpradyumnasagar
6

agent-handoff

Automate inter-skill data transfer and provenance capture via JSON Material Passports.

Community
Advanced
whmathews15whmathews15
1

pi-tools

List, sync, and inspect Pi-built extensions synced into Dex.

Community
Intermediate