ck:web-design-guidelines

Cross-check web UI files against the latest Web Interface Guidelines and report per-file findings.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/tonamson/please-done --skill ck-web-design-guidelines-tonamson
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:web-design-guidelines
Source: https://github.com/tonamson/please-done/tree/main/ck/.opencode/skills/web-design-guidelines
Command: npx skills add https://github.com/tonamson/please-done --skill ck-web-design-guidelines-tonamson

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly verify that web UI code complies with the latest Web Interface Guidelines, reducing accessibility risks and UX inconsistencies.

Core Features & Use Cases

  • Fetch the most recent Web Interface Guidelines.
  • Scan UI files or patterns and evaluate against all rules.
  • Report findings per file with concise, actionable recommendations.
  • Use case: audit a new web dashboard to ensure accessible color contrast and semantic markup before release.

Quick Start

Provide the path to the UI files you want reviewed and I will assess them 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 web UI code for accessibility and UX compliance?

To audit web UI code for accessibility and UX compliance, provide the file paths to the target web UI files. The system cross-checks them against the latest Web Interface Guidelines and reports per-file findings with actionable recommendations.

What is a UI review against web design guidelines?

A UI review against web design guidelines is a process of scanning web UI files to identify compliance issues. It fetches up-to-date guidelines, evaluates semantic markup and color contrast, and outputs structured results suitable for remediation.

Can I check CSS and frontend code for accessibility issues automatically?

Yes, you can check CSS and frontend code for accessibility issues automatically. The system scans target UI files across projects and evaluates them against all current web interface rules to identify compliance gaps.

How do I get actionable UX audit recommendations for my web dashboard?

To get actionable UX audit recommendations for your web dashboard, the system evaluates your provided UI files against current standards. It outputs structured, per-file findings designed specifically to guide quick remediation before release.

Does this web design guidelines audit work with any frontend project?

Yes, this web design guidelines audit works with any frontend project. It applies checks to web UI files across different projects by fetching the latest guidelines and reading the target files directly to identify compliance issues.

What are the limitations of running an automated a11y and CSS review?

The main limitation of an automated a11y and CSS review is that it checks code compliance against fetched web interface guidelines. It requires providing exact file paths for reading and cannot evaluate dynamic runtime visual states outside the static code.