ck:web-design-guidelines

Validate UI code against the latest Web Interface Guidelines.

1|Updated Mar 5, 2026
One-click install
npx skills add https://github.com/hotriluan/alkana_web --skill ck-web-design-guidelines-hotriluan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:web-design-guidelines
Source: https://github.com/hotriluan/alkana_web/tree/main/.opencode/skills/web-design-guidelines
Command: npx skills add https://github.com/hotriluan/alkana_web --skill ck-web-design-guidelines-hotriluan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps ensure UI code conforms to Web Interface Guidelines by validating files against the latest rules and surfacing actionable findings for quick remediation.

Core Features & Use Cases

  • Fetch the latest guidelines from the Web Interface Guidelines source.
  • Read the specified files or patterns and evaluate them against all rules.
  • Output concise findings in a file:line format to guide fixes.

Quick Start

Provide the target UI files or pattern to review against the latest guidelines.

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 my UI code for web design guideline compliance?

To audit UI code for web design guideline compliance, provide your target UI files or patterns for review. The system fetches the latest Web Interface Guidelines, evaluates the files against all rules, and outputs concise findings in a file:line format to guide fixes.

What is the best way to check web accessibility in UI files?

Checking web accessibility in UI files involves evaluating them against fetched Web Interface Guidelines. The process reads specified file patterns, applies accessibility rules, and produces terse file:line findings to identify exact locations needing remediation.

Can I review specific file patterns against web interface guidelines?

Yes, you can review specific file patterns against web interface guidelines by providing the target patterns as input. The system reads those files, fetches the latest rules, and applies all guidelines to report actionable findings.

How does code review for visual design guidelines work?

Code review for visual design guidelines works by fetching the latest rules and parsing your specified UI files. It enforces all visual design and accessibility guidelines against the code, then reports results in a consistent file:line format for quick remediation.

What format do web design guideline audit results use?

Web design guideline audit results use a concise file:line format. This consistent reporting structure surfaces actionable findings directly mapped to specific lines in your UI code, allowing for quick identification and remediation of compliance issues.