skills.rest
kidow
kidowCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against Web Interface Guidelines and output file:line findings.

Updated Feb 8, 2026
Search Tags:#accessibility#ui review#design audit#code compliance#ux review#web guidelines
One-click install
npx skills add https://github.com/kidow/dongwook.kim --skill web-design-guidelines-kidow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/kidow/dongwook.kim/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/kidow/dongwook.kim --skill web-design-guidelines-kidow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that user interfaces adhere to established Web Interface Guidelines, improving consistency, accessibility, and overall user experience.

Core Features & Use Cases

  • Automated Code Review: Scans UI code files against a predefined set of web design and accessibility rules.
  • Compliance Checking: Identifies violations of best practices and guidelines.
  • Use Case: When you need to quickly audit a new component or a set of UI files for adherence to design standards before merging.

Quick Start

Review the accessibility of the files in the components directory.

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

Web design compliance checking scans UI files against fetched Web Interface Guidelines, identifying accessibility and UX violations to output findings in a terse file:line format for quick fixes.

What is a UI code review against web guidelines?▼

A web guidelines UI review fetches best practice rules from a specified URL and checks provided component files against them, flagging accessibility and UX issues before merging.

Can I check component files against a custom URL for UX review?▼

Yes, the review process fetches the latest guidelines from a specified URL and checks your provided files against all rules, producing a terse file:line output of accessibility and UX violations.

Does the web design audit work for pre-merge component checks?▼

Yes, the design audit quickly scans new components or UI file sets to ensure adherence to web standards and accessibility best practices before merging.

How do I review accessibility in a components directory?▼

You review accessibility by providing component directory files to be checked against Web Interface Guidelines, which outputs any compliance violations in a terse file:line format.

What format do code compliance findings use?▼

Code compliance findings are output in a terse file:line format, pinpointing exact locations of accessibility and UX violations within the reviewed UI files.

Related Skills

Explore More Design & Creative Skills→
BangjjackBangjjack

web-design-guidelines

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

Official
Intermediate
BEIRUXBEIRUX

web-design-guidelines

Review UI code against Web Interface Guidelines and output file:line findings.

Official
Intermediate
murphytruemanmurphytrueman
155

cicd-integration

Generate CI/CD pipeline configurations for design system quality checks.

Community
Advanced
p-potvinp-potvin
1

web-design-guidelines

Assess frontend HTML, CSS, and JavaScript against Web Interface Guidelines and accessibility rules.

Community
Intermediate