skills.rest
waltcow
waltcowCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

1|Updated May 24, 2026
Search Tags:#ui#accessibility#audit#compliance#ux#web-guidelines
One-click install
npx skills add https://github.com/waltcow/multica --skill web-design-guidelines-waltcow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/waltcow/multica/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/waltcow/multica --skill web-design-guidelines-waltcow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure user interfaces adhere to Web Interface Guidelines, reducing manual review time and catching inconsistencies across components, accessibility issues, and UX gaps.

Core Features & Use Cases

  • Automated guideline fetch: pulls the latest rules from the official Web Interface Guidelines source.
  • File-based checks: reads UI assets (HTML, CSS, JS/TS/JSX/TSX) or patterns specified by the user and applies all rules.
  • Actionable output: reports findings in a concise file:line format suitable for review and integration into CI.
  • Use case: run checks on a UI repository to verify accessibility scores, typography, contrast, and keyboard navigation compliance.

Quick Start

Provide the UI files you want reviewed and the skill will fetch the latest guidelines and return a compact file:line 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 audit UI code for accessibility and UX compliance?▼

To audit UI code for accessibility and UX compliance, provide your HTML, CSS, or component files. The tool fetches the latest Web Interface Guidelines, applies all rules, and returns a compact file:line report of findings.

Can I check HTML and CSS files for Web Interface Guidelines conformity?▼

Yes, you can check HTML and CSS files for conformity. The review process reads specified UI assets including JS, TS, JSX, and TSX files, applying Web Interface Guidelines rules to identify accessibility and design inconsistencies.

What is the best way to automate accessibility checks for web components?▼

The best way to automate accessibility checks is to run a guideline-based audit on your UI repository. This process fetches current rules and outputs concise file:line findings suitable for integration into your CI pipeline.

Does the UI compliance audit work with JSX and TSX component files?▼

Yes, the UI compliance audit works with JSX and TSX component files. It reviews these UI assets alongside standard HTML and CSS to verify keyboard navigation, typography, contrast, and overall design conformity.

How do I get actionable output from a web guidelines audit?▼

You get actionable output from a web guidelines audit by receiving findings in a concise file:line format. This compact reporting style highlights exact locations of accessibility issues and UX gaps for quick review.

Why does my UI repository need an automated design conformity review?▼

Your UI repository needs an automated design conformity review to reduce manual review time and catch inconsistencies across components. It ensures interfaces adhere to Web Interface Guidelines by automatically fetching and applying the latest rules.

Related Skills

Explore More Design & Creative Skills→
BrOrlandiBrOrlandi
20

refactor-code

Identify large non-React TypeScript/JavaScript files and propose a refactoring plan.

Community
Advanced
maraxenmaraxen
4

web-design-guidelines

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

Community
Intermediate
kbrdn1kbrdn1
3

formatter-linter-expert

Detect project type and run ecosystem-specific formatters and linters.

Community
Advanced
Gaku52Gaku52
6

web-accessibility

Implement WCAG-compliant accessibility with semantic HTML, ARIA, and testing workflows.

Community
Basic