skills.rest
CenredJun
CenredJunCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Assess UI code against the latest Web Interface Guidelines.

Updated Mar 27, 2026
Search Tags:#accessibility#frontend#compliance#web-design#design-review#ux-audit#ui-guidelines
One-click install
npx skills add https://github.com/CenredJun/openclaw-claudecode-setup-kit --skill web-design-guidelines-cenredjun
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/CenredJun/openclaw-claudecode-setup-kit/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/CenredJun/openclaw-claudecode-setup-kit --skill web-design-guidelines-cenredjun

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code against Web Interface Guidelines to ensure accessibility, usability, and consistent UX across projects.

Core Features & Use Cases

  • Guideline-driven review: fetches the latest Web Interface Guidelines and applies them to your UI codebase.
  • File scope & patterns: reads HTML, CSS, and JS files (and templates) to verify conformance.
  • Use Case: Use when asked to review my UI, check accessibility, audit design, or ensure UX consistency across a site.

Quick Start

Provide your UI codebase or a file pattern and let the agent run an automated guideline review.

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 my UI code for accessibility and UX conformance?▼

To audit UI code for accessibility and UX conformance, provide your HTML, CSS, and JS files to the agent. It fetches the latest Web Interface Guidelines, parses the files, and reports findings in a standardized format.

Can I run a design review on my HTML and CSS templates?▼

Yes, you can run a design review on HTML and CSS templates. The agent reads these files to verify conformance against Web Interface Guidelines, ensuring usability and consistent UX across your projects.

What is a guideline-driven UX audit for web projects?▼

A guideline-driven UX audit for web projects automatically fetches the latest Web Interface Guidelines and assesses your codebase against them. It identifies UI guideline violations and reports findings concisely.

Does this accessibility audit work with JavaScript files?▼

Yes, this accessibility audit works with JavaScript files alongside HTML and CSS. It parses these files to verify conformance with Web Interface Guidelines and reports any UX or accessibility findings.

How do I check my frontend codebase for web design compliance?▼

You can check your frontend codebase for web design compliance by providing a file pattern or the codebase directly. The agent applies the latest Web Interface Guidelines to assess and report any conformance issues.

What is the best way to ensure consistent UX across multiple web projects?▼

The best way to ensure consistent UX across multiple web projects is to run automated guideline reviews. This fetches the latest Web Interface Guidelines and evaluates your UI codebase to identify and report conformance issues.

Related Skills

Explore More Design & Creative Skills→
noartemnoartem

web-design-guidelines

Audit HTML/CSS/JS files against Web Interface Guidelines and report violations.

Community
Intermediate
nweiinweii
7

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Community
Intermediate
tianguzhetianguzhe
1

frontend-design

Generate production-grade frontend interfaces with HTML, CSS, and React components.

Community
Advanced
ag47-ptag47-pt
1

web-design-guidelines

Review web interface code for accessibility, usability, and design guideline violations.

Community
Intermediate