web-design-guidelines

Compare UI files against Web Interface Guidelines for accessibility and responsive design.

1|Updated Feb 6, 2026
One-click install
npx skills add https://github.com/hdkz-dev/multi-game-engines --skill web-design-guidelines-hdkz-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/hdkz-dev/multi-game-engines/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/hdkz-dev/multi-game-engines --skill web-design-guidelines-hdkz-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure UI code aligns with Web Interface Guidelines, reducing accessibility gaps and design inconsistencies.

Core Features & Use Cases

  • Routine audits of UI components against the latest guidelines, including accessibility, contrast, semantics, and responsive design.
  • Automated checks against the fetched guideline source, with actionable remediation recommendations.
  • Use Case: When you need to validate a web application's UI for accessibility and consistency before release.

Quick Start

Review the latest guidelines and run a check against your project files to generate a compliance report.

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 accessibility and contrast ratio violations?

To check UI code for accessibility and contrast ratio violations, the Skill compares your provided UI project files against the latest Web Interface Guidelines, producing a concise report of violations with location references and actionable remediation steps.

What is a UI compliance audit for responsive design and semantic markup?

A UI compliance audit for responsive design and semantic markup compares target project files against fetched Web Interface Guidelines to identify accessibility gaps and design inconsistencies, yielding actionable remediation recommendations for each violation.

How do I validate web application UX consistency before a release?

You validate web application UX consistency before release by running automated checks against your UI files with the latest guidelines, which generates a compliance report highlighting semantic markup, contrast, and responsive design issues to fix.

Can I get actionable remediation steps for web interface guideline violations?

Yes, you can get actionable remediation steps for web interface guideline violations by submitting your UI files for review, which applies checks for accessibility, responsive design, semantics, and contrast, and outputs targeted fixes with location references.

Do I need any external dependencies to review UI code against web interface guidelines?

No external dependencies are required to review UI code against web interface guidelines; the Skill fetches the latest guideline source internally and compares your provided UI files directly to produce a compliance report.

What's the best way to automate routine audits of UI components for a11y compliance?

The best way to automate routine audits of UI components for a11y compliance is to run automated checks against the fetched guideline source, applying tests for accessibility, contrast, and semantics to generate a concise set of violations and remediation steps.