skills.rest
Insik-Han
Insik-HanCOMMUNITY
Explore all skills by this author →
𝕏@insik0_0hanGitHub

web-design-guidelines

Audit React, HTML, CSS, and JavaScript files against Web Interface Guidelines.

16|Updated Jun 6, 2026
Search Tags:#accessibility#a11y#frontend#ui-review#conformance#web-guidelines
One-click install
npx skills add https://github.com/Insik-Han/han-monorepo-template --skill web-design-guidelines-insik-han
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Insik-Han/han-monorepo-template/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Insik-Han/han-monorepo-template --skill web-design-guidelines-insik-han

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI teams often struggle to ensure web interfaces comply with evolving guidelines. This skill automates the review by fetching the latest Web Interface Guidelines and scanning your UI files for conformance issues.

Core Features & Use Cases

  • Guideline-driven UI audit: compare code against official rules.
  • Accessibility and responsive design checks across components.
  • Use Case: Audit a new web page to ensure accessibility, readability, and visual consistency before launch.

Quick Start

Upload the UI files to review and request a guideline-based compliance report.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check if my React code meets web accessibility guidelines?▼

To check web accessibility, this skill scans your React files against the latest Web Interface Guidelines, evaluating components, responsiveness, and interaction patterns to generate a concise conformance report.

What is a UI compliance audit for web components?▼

A UI compliance audit compares your HTML, CSS, and JavaScript code against official web guidelines to identify accessibility issues, responsive design flaws, and interaction pattern inconsistencies.

Can I audit HTML and CSS files for responsive design conformance?▼

Yes, you can audit HTML and CSS files for responsive design by uploading them, and the skill applies checks across web components and interaction patterns to evaluate conformance with updated guidelines.

Does this web guideline review work with JavaScript and React contexts?▼

Yes, the web guideline review supports JavaScript and React contexts, applying checks across web components, accessibility, responsiveness, and interaction patterns to evaluate code conformance.

What's the best way to ensure interface accessibility before a web launch?▼

The best way to ensure accessibility before launch is to run an automated guideline-driven UI audit that fetches updated rules and scans your UI files for conformance issues across web components.

Why does my web interface fail conformance checks despite valid frontend code?▼

Your web interface may fail conformance checks because frontend code often evolves faster than implementation, so this skill fetches the latest Web Interface Guidelines to identify hidden accessibility and interaction pattern issues.

Related Skills

Explore More Design & Creative Skills→
Kevin-Liu-01Kevin-Liu-01
16

web-design-guidelines

Identify UI design and accessibility issues in React/TSX, HTML/CSS, and assets against the latest Web Interface Guidelines.

Community
Intermediate
tan-yong-shengtan-yong-sheng
1

web-design-guidelines

Identify UI accessibility and design guideline violations in web projects.

Community
Intermediate
NolanPicNolanPic

Frontend Components

Enforce frontend component coding standards in Claude Code workflows.

Community
Basic
phant-appphant-app

web-design-guidelines

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

Official
Intermediate