skills.rest
weihung0831
weihung0831COMMUNITY
Explore all skills by this author →
GitHub

ck:web-design-guidelines

Fetch latest Web Interface Guidelines and review UI code for compliance.

Updated Aug 23, 2026
Search Tags:#ui#code review#accessibility#compliance#web design#guidelines
One-click install
npx skills add https://github.com/weihung0831/claudekit --skill ck-web-design-guidelines-weihung0831
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:web-design-guidelines
Source: https://github.com/weihung0831/claudekit/tree/main/.opencode/skills/web-design-guidelines
Command: npx skills add https://github.com/weihung0831/claudekit --skill ck-web-design-guidelines-weihung0831

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures your user interface code adheres to established Web Interface Guidelines, improving accessibility, usability, and overall quality.

Core Features & Use Cases

  • Automated Compliance Checks: Scans specified files against a comprehensive set of web design best practices.
  • Guideline Fetching: Automatically retrieves the latest guidelines from a remote source for up-to-date reviews.
  • Use Case: Before deploying a new feature, use this Skill to audit the UI code for accessibility issues and ensure it meets modern web standards.

Quick Start

Use the ck:web-design-guidelines skill to review the file 'src/components/Button.tsx'.

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 web design guidelines and accessibility compliance?▼

Automated compliance checks scan specified front-end files against fetched Web Interface Guidelines to flag rule violations. You get a detailed review of accessibility, usability, and design best practices directly applied to your UI code.

How do I review front-end code for accessibility issues before deploying a feature?▼

Reviewing front-end code for accessibility issues requires fetching the latest web standards from a remote source and parsing your specified files. This process identifies guideline violations to ensure your UI adheres to established compliance and usability best practices.

Does this UI code review work with any front-end file format?▼

This UI code review applies to front-end development tasks requiring adherence to web standards. It parses specified code files to find rule violations, working with any file format you provide for review against the fetched guidelines.

What is the best way to ensure my UI code adheres to modern web standards?▼

The best way to ensure UI code adheres to modern web standards is through automated compliance checks. This Skill fetches the latest Web Interface Guidelines from a specified URL and parses your code to identify accessibility and usability violations.

Do I need a specific URL to fetch web design guidelines for the code review?▼

Yes, you need a specified URL to fetch the latest web design guidelines. The Skill retrieves remote rules from this source to ensure your UI compliance checks are evaluated against the most up-to-date accessibility and design best practices.

Related Skills

Explore More Software Engineering Skills→
mohamed-g-shoaibmohamed-g-shoaib

web-design-guidelines

Assesses UI files compliance with Web Interface Guidelines via WebFetch and reports findings by file:line.

Community
Intermediate
thgtertothgterto

web-design-guidelines

Analyzes UI code for compliance with Web Interface Guidelines and reports violations.

Community
Intermediate
gabriellpequenogabriellpequeno
8

web-design-guidelines

Enforce external UI guideline compliance during front-end design reviews and critiques.

Community
Basic
tlswhdghks42tlswhdghks42

web-design-guidelines

Fetch remote Web Interface Guidelines and review UI code for compliance.

Community
Intermediate