ck:web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It automates the review of UI source files to verify that they follow the latest Web Interface Guidelines, helping teams catch accessibility and design issues early.

Core Features & Use Cases

  • Retrieves the most recent guidelines before each review.
  • Accepts a file path or pattern and scans the matching UI code.
  • Checks every rule from the guidelines and reports violations in a concise file:line format.
  • Ideal for developers and designers who need quick compliance checks when asked to review a UI, audit design, or ensure accessibility.

Quick Start

Use the web-design-guidelines skill to review your UI files for compliance with the latest standards.

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 design compliance?

To audit UI code for accessibility and design compliance, apply the skill to specified files or patterns. It fetches the latest Web Interface Guidelines and checks each file against the full rule set, reporting violations in a concise file:line format.

What is the best way to check UI source files against Web Interface Guidelines?

Checking UI source files against Web Interface Guidelines involves retrieving the most recent standards and scanning matching code paths. This skill automates that review process to catch accessibility and design issues early without manual rule lookups.

How do I review UI code to ensure it follows the latest web design guidelines?

Reviewing UI code to ensure it follows the latest web design guidelines requires fetching current standards before scanning. This skill retrieves the newest rules automatically and checks every specified file, generating findings without additional commentary.

Does the UI code audit require network access to retrieve the guidelines?

Yes, the UI code audit requires network access to retrieve the guidelines. The skill fetches the most recent Web Interface Guidelines before each review to ensure all accessibility and design checks are evaluated against current standards.

Can I use a file pattern to scan multiple UI files for design guideline violations?

Yes, you can use a file pattern to scan multiple UI files for design guideline violations. The skill accepts a file path or pattern, checks every rule from the fetched guidelines, and reports any violations found in a concise file:line format.

Why does the UI code review output findings in a file:line format?

The UI code review outputs findings in a file:line format to provide concise, actionable results. It reports accessibility and design violations directly without additional commentary, helping developers quickly locate and fix compliance issues in the code.