skills.rest
sinhong2011
sinhong2011COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

5|Updated Jan 30, 2026
Search Tags:#accessibility#ui review#web design#code audit#design guidelines#ux review
One-click install
npx skills add https://github.com/sinhong2011/minikyu --skill web-design-guidelines-sinhong2011
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/sinhong2011/minikyu/tree/main/.opencode/skill/web-design-guidelines
Command: npx skills add https://github.com/sinhong2011/minikyu --skill web-design-guidelines-sinhong2011

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill ensures that web interface code adheres to established best practices and accessibility standards, preventing common design and usability issues.

Core Features & Use Cases

  • Compliance Review: Checks UI code against a comprehensive set of web interface guidelines.
  • Automated Auditing: Identifies violations related to accessibility, performance, and design consistency.
  • Use Case: A developer can use this skill to quickly audit a new component's UI code before merging, ensuring it meets the company's design system and accessibility requirements.

Quick Start

Review the UI code in the file 'src/components/Button.tsx' for compliance with web interface guidelines.

Frequently Asked Questions about 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?▼

You can review UI code against web interface guidelines by fetching the latest rules from a specified URL, automatically identifying accessibility violations and design inconsistencies in your front-end components.

What does a UI review for web standards check in front-end code?▼

A UI review for web standards checks front-end code for compliance with web interface guidelines, targeting accessibility violations, performance issues, and design system consistency to prevent common usability problems.

Can I use this to audit a specific component file like a React Button before merging?▼

Yes, you can audit a specific component file like a React Button before merging by reviewing the UI code directly to ensure it meets your company's design system and accessibility requirements.

How do I ensure my code audit uses the most up-to-date web interface guidelines?▼

To ensure your code audit uses up-to-date web interface guidelines, the review process fetches the latest rules from a specified URL, applying current accessibility and design standards dynamically to your UI code.

Do I need any external dependencies to run a web design compliance review?▼

No external dependencies are required to run a web design compliance review, as the process operates standalone using built-in scripts and references to audit your UI code against fetched guidelines.

Related Skills

Explore More Design & Creative Skills→
gesmith0606gesmith0606

web-design-guidelines

Audit HTML and CSS files against Web Interface Guidelines.

Community
Intermediate
mklozmkloz

web-design-guidelines

Check UI code compliance with Web Interface Guidelines for accessibility and design standards.

Community
Intermediate
fanthusfanthus

frontend-design

Generate frontend interfaces with design guidance and HTML/CSS/JS or React code.

Community
Intermediate
CrokilyCrokily
2

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate