skills.rest
haidonglethqb
haidonglethqbCOMMUNITY
Explore all skills by this author →
GitHub

ck:web-design-guidelines

Validate UI code against Web Interface Guidelines and report file:line findings.

Updated Feb 27, 2026
Search Tags:#ui#accessibility#review#guidelines#ux#web-design
One-click install
npx skills add https://github.com/haidonglethqb/CloudSchool --skill ck-web-design-guidelines-haidonglethqb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:web-design-guidelines
Source: https://github.com/haidonglethqb/CloudSchool/tree/main/.qwen/skills/web-design-guidelines
Command: npx skills add https://github.com/haidonglethqb/CloudSchool --skill ck-web-design-guidelines-haidonglethqb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web projects often fail accessibility and UX best-practices checks, leading to inconsistent interfaces and usability gaps.

Core Features & Use Cases

  • Fetches the latest Web Interface Guidelines from the official source and applies them to your UI code.
  • Reads specified files or patterns and validates them against the guideline rules.
  • Reports findings in a terse file:line format to enable quick fixes across components and pages.

Quick Start

Fetch the latest Web Interface Guidelines, specify the target UI files or pattern, and run the review to output findings in file:line format.

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 check my web components for accessibility and UX compliance?▼

To check accessibility and UX compliance, the Skill validates specified UI files against the latest Web Interface Guidelines and reports deviations in a concise file:line format for quick fixes.

What is the best way to audit UI code for contrast and usability issues?▼

Auditing UI code for contrast and usability issues involves reading target web pages or templates and validating them against official guideline rules to identify accessibility gaps and inconsistent interfaces.

Can I review multiple web pages and templates for accessibility at once?▼

Yes, you can review multiple web pages and templates by specifying target UI files or patterns, which the Skill then validates against all Web Interface Guidelines rules to report findings.

How do I get web design guideline findings in a file:line format?▼

To get findings in a file:line format, fetch the latest Web Interface Guidelines, specify your target UI files, and run the review to output concise accessibility and UX validation results.

Does this accessibility review require any external dependencies?▼

No external dependencies are required to run this accessibility review, as the Skill fetches the latest Web Interface Guidelines directly from the official source and validates your code independently.

Why do my web projects have inconsistent interfaces and usability gaps?▼

Inconsistent interfaces and usability gaps occur because web projects often fail accessibility and UX best-practice checks, which can be resolved by validating UI code against official Web Interface Guidelines.

Related Skills

Explore More Design & Creative Skills→
mauricioacpmauricioacp
1

web-design-guidelines

Fetch Web Interface Guidelines and validate UI code with file:line findings.

Community
Intermediate
ImHangLiImHangLi
2

web-design-guidelines

Audit UI code against Web Interface Guidelines and produce file:line reports.

Community
Intermediate
roanbrasilroanbrasil
5

accessibility

Enforce WCAG 2.1 AA accessibility standards in frontend development workflows.

Community
Intermediate
EmergenceAIEmergenceAI
2

dogfood

Automates exploratory web app testing and generates bug reports with reproduction evidence.

Official
Advanced