skills.rest
tan-yong-sheng
tan-yong-shengCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/tan-yong-sheng/GrowChat --skill web-design-guidelines-tan-yong-sheng
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
nhahoang1909nhahoang1909

frontend-code-review

Scan cshtml, HTML, CSS, and JS files for frontend quality rule violations.

Community
Advanced
jonnathan-lsjonnathan-ls

web-design-guidelines

Compare web project files against Web Interface Guidelines to identify UI compliance issues.

Community
Intermediate
hopeoverturehopeoverture
6

ui-library-usage-auditor

Audit shadcn/ui component usage for accessibility and design-system conformance.

Community
Advanced
NammDevNammDev
2

web-design-guidelines

Audit frontend HTML/CSS/JS code for Web Interface Guidelines compliance and accessibility issues.

Community
Intermediate