skills.rest
EdgeHunt
EdgeHuntOFFICIAL
Explore all skills by this author →
GitHub

ck:web-design-guidelines

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
One-click install
npx skills add https://github.com/EdgeHunt/EdgeHunt --skill ck-web-design-guidelines-edgehunt
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
btabaskabtabaska
1

rule-accessibility

Enforce WCAG 2.1 AA and Section 508 accessibility checks in frontend code.

Community
Advanced
tan-yong-shengtan-yong-sheng
1

web-design-guidelines

Identify UI accessibility and design guideline violations in web projects.

Community
Intermediate
gileckgileck

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Community
Basic
abhishekdutta18abhishekdutta18

browser-qa

Automate visual, functional, and accessibility testing of web pages.

Community
Intermediate