skills.rest
mkurman
mkurmanCOMMUNITY
Explore all skills by this author →
𝕏@mkurman88GitHub

web-design-guidelines

Identify deviations from the latest Web Interface Guidelines in UI code and assets.

321|26|Updated Mar 10, 2026
Search Tags:#accessibility#ux#visual-design#design-review#web-guidelines#ui-audit
One-click install
npx skills add https://github.com/mkurman/tamux --skill web-design-guidelines-mkurman
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/mkurman/tamux/tree/main/skills/gsd-2/skills/web-design-guidelines
Command: npx skills add https://github.com/mkurman/tamux --skill web-design-guidelines-mkurman

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web interfaces often fail accessibility and usability standards; this skill helps ensure alignment with the latest Web Interface Guidelines to reduce design debt and QA rework.

Core Features & Use Cases

  • Compare UI components against the latest guidelines and report violations.
  • Validate accessibility aspects such as color contrast, keyboard navigation, and focus order.
  • Use Case: A design team can audit a landing page to confirm compliance before release.

Quick Start

Run a UI review against the current 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 audit my UI code for accessibility and visual design violations?▼

Web design auditing compares your UI components against the latest Web Interface Guidelines to identify deviations in accessibility, usability, and visual design, producing actionable findings to reduce design debt and QA rework.

Can I validate color contrast and keyboard navigation in my web components?▼

Yes, you can validate color contrast and keyboard navigation by applying the latest Web Interface Guidelines to your UI assets, checking these accessibility aspects across components and pages to ensure full usability compliance.

What is the best way to check a landing page for usability compliance before release?▼

The best way to check a landing page for usability compliance before release is to run a UI review against your project files, generating a standardized report of actionable findings against the latest web guidelines.

Do I need to manually provide the latest web guidelines for a UI audit?▼

No, you do not need to manually provide web guidelines for a UI audit because the skill automatically fetches the latest guidelines from the official source when reading your specified files or patterns.

How does a UI audit handle deviations from web interface guidelines?▼

A UI audit handles deviations from web interface guidelines by applying the rules to your code and assets, then outputting the identified accessibility, usability, and visual design issues in a standardized, actionable findings format.

Related Skills

Explore More Design & Creative Skills→
chris-c-thomaschris-c-thomas
3

web-design-guidelines

Review UI code against official Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
gileckgileck

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Community
Basic
tsuji-tomonoritsuji-tomonori

a11y-ci-gating

Automate accessibility testing in CI/CD pipelines with quality gates.

Community
Advanced
lootloglootlog
7

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility, design, and usability issues.

Official
Intermediate