skills.rest
dthuy62
dthuy62COMMUNITY
Explore all skills by this author →
GitHub

ck:web-design-guidelines

Review UI code against web interface guidelines and report violations in file:line format.

Updated May 10, 2026
Search Tags:#accessibility#frontend#ui review#web design#guidelines#ux audit
One-click install
npx skills add https://github.com/dthuy62/kollet-app --skill ck-web-design-guidelines-dthuy62
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:web-design-guidelines
Source: https://github.com/dthuy62/kollet-app/tree/main/.opencode/skills/web-design-guidelines
Command: npx skills add https://github.com/dthuy62/kollet-app --skill ck-web-design-guidelines-dthuy62

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you quickly find user interface and accessibility issues in web-facing code by checking it against a current set of web design guidelines.

Core Features & Use Cases

  • Guideline-based review: Compares UI files to the latest official web interface rules before reporting issues.
  • Terse findings output: Returns violations in a compact file:line format that is easy to scan and fix.
  • Use Case: A developer can use it to audit a page, component, or feature branch for design, accessibility, and interaction problems before shipping.

Quick Start

Review the provided UI files against the latest web interface guidelines and report every violation in terse 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 audit front-end UI code for accessibility and design violations?▼

You can audit front-end UI code by checking it against current web design guidelines to identify accessibility, design, and interaction violations. The review targets UI files, components, and patterns during usability checks before shipping.

What is a UX audit for web interface components?▼

A UX audit for web interface components reviews front-end files against official web design rules to find design, accessibility, and interaction violations. It ensures compliance with current guidelines during pre-release reviews.

How do I check my web design compliance before shipping a feature branch?▼

To check web design compliance before shipping, review your feature branch's UI files against the latest web interface guidelines. This process detects accessibility and interaction problems using fresh guideline retrieval during pre-release reviews.

Can I review individual front-end components for accessibility issues?▼

Yes, you can review individual front-end components for accessibility issues. The audit applies to front-end files, components, and patterns, comparing them against current web interface guidelines to find violations.

How are UI code review violations reported?▼

UI code review violations are reported in a terse file:line format. This concise reporting method makes it easy to scan and fix identified design, accessibility, and interaction issues in your front-end files.

Does the UI accessibility audit require manual guideline updates?▼

No manual guideline updates are needed because the UI accessibility audit requires fresh guideline retrieval. It automatically compares your UI code against the latest official web interface rules to identify current violations.

Related Skills

Explore More Design & Creative Skills→
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate
NotWrenchNotWrench
1

web-design-guidelines

Compare UI files against Web Interface Guidelines and output violations in file:line format.

Community
Intermediate
evandrodevbrevandrodevbr
1

web-design-guidelines

Review web interfaces for design, usability, and accessibility compliance issues.

Community
Intermediate
alexwoxalexwox

web-design-guidelines

Review UI code against Web Interface Guidelines and output file:line findings.

Community
Intermediate