ck:web-design-guidelines

Name: ck:web-design-guidelines
Availability: InStock
Author: EdgeHunt

Compare UI files against Web Interface Guidelines and output a findings report.

Updated Apr 2, 2026

Search Tags:#accessibility #frontend #compliance #design-review #ui-review #web-guidelines

Ready to run

npx skills add https://github.com/EdgeHunt/EdgeHunt --skill ck-web-design-guidelines-edgehunt

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ck:web-design-guidelines
Source: https://github.com/EdgeHunt/EdgeHunt/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/EdgeHunt/EdgeHunt --skill ck-web-design-guidelines-edgehunt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams verify UI code against established Web Interface Guidelines, ensuring accessible and visually consistent interfaces.

Core Features & Use Cases

Guideline-aligned review: scans UI files to detect deviations from the latest guidelines and flag accessibility issues.
Audit workflow: supports design reviews, code reviews, and site audits by comparing UI components against best practices.
Use Case: when asked to "review my UI" or "check accessibility", provide a structured report with violations and suggested fixes.

Quick Start

Upload the UI files or patterns to review, and I will run an automated compliance check against the latest Web Interface 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 check my UI code for accessibility issues?▼

To check UI code for accessibility issues, upload your UI files for an automated compliance scan against the latest Web Interface Guidelines. This process identifies deviations and outputs a structured findings report with actionable fixes.

What is a UI review against web interface guidelines?▼

A UI review against web interface guidelines is an audit workflow that scans UI components to detect visual inconsistencies and accessibility violations. It compares your provided UI files against established best practices to ensure compliance.

How do I audit UI components for frontend compliance?▼

You audit UI components for frontend compliance by applying this review process to component audits or site-level checks. Provide your patterns or files to compare them directly with the latest web guidelines and receive suggested fixes.

Can I use this for site-level accessibility checks across projects?▼

Yes, you can use this for site-level accessibility checks across projects. The review process is designed to handle component audits and site-wide design reviews, flagging UI deviations and accessibility issues from your uploaded files.

What format should I provide to get a design review?▼

To get a design review, you should provide your UI files or patterns. The system scans these uploaded files to detect deviations from the latest guidelines and flags accessibility issues, generating a report with actionable fixes.