skills.rest
felix-howard
felix-howardCOMMUNITY
Explore all skills by this author →
GitHub

ck:web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Updated Jan 11, 2026
Search Tags:#ui#code review#best practices#accessibility#web design#guidelines
One-click install
npx skills add https://github.com/felix-howard/ella --skill ck-web-design-guidelines-felix-howard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:web-design-guidelines
Source: https://github.com/felix-howard/ella/tree/main/.opencode/skills/web-design-guidelines
Command: npx skills add https://github.com/felix-howard/ella --skill ck-web-design-guidelines-felix-howard

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that your web interface code adheres to established best practices and guidelines, improving the quality, accessibility, and consistency of your user interfaces.

Core Features & Use Cases

  • Automated Review: Fetches the latest Web Interface Guidelines and applies them to your specified code files.
  • Compliance Checking: Identifies potential violations of design and accessibility standards.
  • Use Case: Before deploying a new feature, use this Skill to audit the UI code for compliance with the latest web standards, catching potential issues early.

Quick Start

Review the UI code in the 'src/components' directory 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 web design and accessibility compliance?▼

You can review UI code for web design and accessibility compliance by fetching the latest Web Interface Guidelines and applying them to your specified files to output violations in a terse file:line format.

How do I audit web interface code for best practices before deployment?▼

Auditing web interface code for best practices involves checking your source files against established web standards to identify potential design and accessibility violations early before deployment.

What is automated UI code review against web interface guidelines?▼

Automated UI code review is the process of applying fetched Web Interface Guidelines to code files or patterns to ensure adherence to design and accessibility best practices, outputting findings in a terse file:line format.

Can I review specific directories for web design guideline violations?▼

Yes, you can review specific directories by applying web interface guidelines to specified code files or patterns, allowing targeted compliance checking of UI components before release.

Does UI code review output detailed reports or terse format findings?▼

UI code review outputs findings in a terse file:line format, pinpointing exact locations of web design and accessibility compliance violations without verbose explanations.

Related Skills

Explore More Software Engineering Skills→
obada-jarasobada-jaras

web-design-guidelines

Review UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
thingpersonthingperson

pre-push-review

Automate pre-deployment checks for builds, content quality, accessibility, and policy compliance.

Community
Advanced
ElwinLiuElwinLiu

web-design-guidelines

Automate UI code reviews against Web Interface Guidelines for accessibility and consistency.

Community
Intermediate
FeedbackFriendsFeedbackFriends
1

web-design-guidelines

Checks HTML, CSS, and JavaScript files for UI and accessibility standard compliance.

Official
Intermediate