web-design-guidelines

Identify UI accessibility and design guideline violations in web projects.

1|1|Updated Mar 5, 2026

Search Tags:#ui #accessibility #compliance #review #design-review #web-guidelines

Ready to run

npx skills add https://github.com/tan-yong-sheng/GrowChat --skill web-design-guidelines-tan-yong-sheng

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/tan-yong-sheng/GrowChat/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/tan-yong-sheng/GrowChat --skill web-design-guidelines-tan-yong-sheng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web interfaces often fail accessibility and design-best-practice checks, leading to usability gaps and inconsistent user experiences across projects.

Core Features & Use Cases

Automated conformance checks against the latest Web Interface Guidelines for UI code and assets.
Accessibility and usability audits across HTML/CSS components, design tokens, and patterns.
Use Case: When delivering a UI review, run this Skill to surface accessibility issues and obtain a remediation checklist.

Quick Start

Provide your UI project files or a file pattern to start the automated guideline review.

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 web project for UI accessibility and design guideline violations?▼

To check UI accessibility and design guideline violations, provide your frontend codebase files or a file pattern to trigger an automated review. The skill evaluates your assets against the latest Web Interface Guidelines and produces a terse, actionable remediation checklist.

What is automated design review for frontend compliance?▼

Automated design review for frontend compliance is the process of fetching updated web guidelines and evaluating HTML, CSS, and design tokens to identify usability gaps. This enforces consistent user experiences and surfaces accessibility issues across static sites and design systems.

Can I audit design tokens and HTML components for accessibility issues?▼

Yes, you can audit design tokens and HTML components for accessibility issues. The review process applies across frontend codebases, evaluating UI code and assets to enforce conformance with the latest Web Interface Guidelines and identify specific violations.

Does this guideline review work with static sites and frontend codebases?▼

Yes, this guideline review works with static sites and frontend codebases. You can apply it across your web project files, regardless of whether they are static assets or dynamic frontend components, to ensure comprehensive UI compliance.

What's the best way to get a remediation checklist for UI accessibility issues?▼

The best way to get a remediation checklist for UI accessibility issues is to run an automated conformance check against the latest Web Interface Guidelines. Providing your UI project files yields terse, actionable findings for immediate remediation.