skills.rest
dungnt97
dungnt97COMMUNITY
Explore all skills by this author →
GitHub

ck:web-design-guidelines

Review UI files against Web Interface Guidelines for accessibility and design conformance.

Updated Aug 27, 2026
Search Tags:#ui#accessibility#audit#compliance#review#design-guidelines
One-click install
npx skills add https://github.com/dungnt97/wallet-portal --skill ck-web-design-guidelines-dungnt97
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:web-design-guidelines
Source: https://github.com/dungnt97/wallet-portal/tree/main/claude/skills/web-design-guidelines
Command: npx skills add https://github.com/dungnt97/wallet-portal --skill ck-web-design-guidelines-dungnt97

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams verify UI code against the latest Web Interface Guidelines, catching accessibility and design gaps before release.

Core Features & Use Cases

  • Guideline-aware UI review: compares code against the fetched guidelines for accessibility, contrast, semantics, and layout consistency.
  • Pattern-based checks: supports file patterns or specific components to inspect.
  • Use Case: Design reviews, component audits, and pre-release UI compliance checks.

Quick Start

Provide the UI files or patterns to review for accessibility and design guideline compliance.

Frequently Asked Questions about ck:web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit UI code for accessibility and visual consistency?▼

Audit UI code for accessibility and visual consistency by comparing your files against fetched Web Interface Guidelines to identify contrast, semantics, and layout gaps. The review reports findings in a concise, line-numbered format for quick fixes.

How do I check UI components for compliance before release?▼

Check UI components for compliance before release by providing specific file patterns to inspect against the latest Web Interface Guidelines. This process verifies codebase conformance for accessibility and design rules on demand.

What is a guideline-aware UI review?▼

A guideline-aware UI review is an inspection process that compares provided UI files against fetched Web Interface Guidelines. It checks for accessibility, contrast, semantics, and layout consistency to ensure full design conformance.

Can I review specific UI components instead of the entire codebase?▼

You can review specific UI components by providing targeted file patterns for inspection. The audit applies the Web Interface Guidelines to those isolated patterns, reporting accessibility and design findings with line numbers.

How are accessibility and design findings reported?▼

Accessibility and design findings are reported in a concise, line-numbered format. This output identifies exact locations of guideline violations in your UI code, enabling quick reviews and pre-release UI compliance checks.

Does the UI compliance audit work with remote design guidelines?▼

The UI compliance audit works by fetching remote Web Interface Guidelines to parse and apply rules to your codebase. It uses these fetched guidelines to evaluate your UI files for accessibility and visual consistency.

Related Skills

Explore More Design & Creative Skills→
agoudbgagoudbg
7

web-design-guidelines

Audits selected files for UI accessibility and design-rule violations.

Community
Intermediate
kirklinkirklin
1

web-design-guidelines

Audit UI code against Web Interface Guidelines and output line-numbered compliance findings.

Community
Intermediate
naporin0624naporin0624
3

seo-a11y-analyzer

Analyze HTML, JSX, and TSX files for SEO and accessibility issues.

Community
Advanced
mattobeemattobee

reviewing-accessibility

Review implemented UI code for WCAG AA compliance and accessibility violations.

Community
Advanced