web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and usability.

5|3|Updated Apr 10, 2026
One-click install
npx skills add https://github.com/zebbern/termstack --skill web-design-guidelines-zebbern
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/zebbern/termstack/tree/main/.github/skills/web-design-guidelines
Command: npx skills add https://github.com/zebbern/termstack --skill web-design-guidelines-zebbern

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines to ensure accessibility and usability.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines for reference.
  • Scan provided UI files or patterns for violations against guidelines.
  • Generate a concise, actionable report highlighting fixes and improvements for accessibility, UX, and visual consistency.
  • Use cases include auditing a single component, an entire page, or an entire design system.

Quick Start

Provide the UI files you want reviewed and I will fetch the latest guidelines and assess compliance.

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

To audit UI code for web accessibility, provide your individual UI files or full project artifacts for review. The tool fetches the latest Web Interface Guidelines and outputs a structured findings report with actionable fixes for violations.

Can I review an entire design system for accessibility violations?

Yes, you can review an entire design system for accessibility violations by providing the relevant UI files. The audit scales from single components to full design systems, validating against current Web Interface Guidelines.

What is a UI code audit against Web Interface Guidelines?

A UI code audit against Web Interface Guidelines is a review process that scans provided web artifacts for compliance with accessibility and usability standards. It analyzes the code to detect violations and generates a concise report with improvements.

How do I check web components for accessibility and UX consistency?

To check web components for accessibility and UX consistency, supply the component files for evaluation. The analysis validates the patterns against fetched guidelines and highlights actionable fixes to improve visual consistency and accessibility.

Does this accessibility audit work with individual files and full web apps?

Yes, this accessibility audit works with individual files and full web apps. It applies to individual components, entire pages, or complete projects across web apps, sites, and design systems to ensure comprehensive usability compliance.