skills.rest
chatre7
chatre7COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Jan 20, 2026
Search Tags:#accessibility#frontend#audit#web design#design review#UI guidelines
One-click install
npx skills add https://github.com/chatre7/Multi-Agent-Intelligence --skill web-design-guidelines-chatre7
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/chatre7/Multi-Agent-Intelligence/tree/main/backend/configs/skills/web-design-guidelines
Command: npx skills add https://github.com/chatre7/Multi-Agent-Intelligence --skill web-design-guidelines-chatre7

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps ensure UI code complies with Web Interface Guidelines by auditing code against the latest rules and reporting deviations.

Core Features & Use Cases

  • Guideline-driven UI review: Automatically evaluates HTML/CSS/JS against guidelines to surface accessibility, usability, and visual consistency issues.
  • Project-wide audits: Apply checks across multiple files or patterns to validate design-system adherence.
  • Use Case: When asked to "review my UI" or "check accessibility" for a web app, run a guideline-based audit and obtain a concise findings report.

Quick Start

Use the web-design-guidelines skill to audit the current UI codebase for guideline conformance.

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 visual consistency?▼

To audit UI code for accessibility and visual consistency, you can run a guideline-driven review against your HTML, CSS, and JavaScript. This automatically surfaces deviations and outputs findings in a concise file:line format.

What is the best way to check front-end components against design system guidelines?▼

The best way to check front-end components is to run a project-wide audit that applies rules across multiple files. This evaluates your codebase against the latest Web Interface Guidelines to validate adherence.

Can I apply usability checks across an entire web app codebase?▼

Yes, you can apply usability checks across an entire web app codebase. The audit reads specified files or patterns, applies all rules, and reports any usability or visual fidelity issues found.

Does the web design guidelines audit require any specific dependencies?▼

The web design guidelines audit requires no specific dependencies. It fetches the latest guidelines directly from the source URL and evaluates your front-end project, component library, or design system.

How do I get a concise report of UI guideline deviations in my project?▼

To get a concise report of UI guideline deviations, run an audit on your codebase. It evaluates your code and outputs findings in a file:line format, highlighting accessibility and usability issues.

When do I need to run a UI guideline review for my web application?▼

You need to run a UI guideline review when you want to ensure your web application's UI code complies with established Web Interface Guidelines. It is applicable for front-end projects, component libraries, and design systems.

Related Skills

Explore More Design & Creative Skills→
patrickhaahrpatrickhaahr

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design quality.

Community
Basic
eKoh951eKoh951

web-design-guidelines

Identify UI code deviations from Web Interface Guidelines in HTML, CSS, and JavaScript.

Community
Intermediate
fusenginefusengine
22

generating-components

Generate and modify UI components with Gemini Design MCP and 21st.dev.

Community
Advanced
CsHengCsHeng
10

language-go

Validate Go code through compilation, linting, testing, and dependency checks.

Community
Advanced