skills.rest
malston
malstonCOMMUNITY
Explore all skills by this author →
𝕏@marsguitarsGitHub

web-design-guidelines

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

Updated Dec 18, 2025
Search Tags:#accessibility#UI#UX#audit#design-review#web-guidelines
One-click install
npx skills add https://github.com/malston/diego-capacity-analyzer --skill web-design-guidelines-malston
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/malston/diego-capacity-analyzer/tree/main/.devcontainer/claude-config/.library/skills/web-design-guidelines
Command: npx skills add https://github.com/malston/diego-capacity-analyzer --skill web-design-guidelines-malston

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams verify UI code against Web Interface Guidelines to ensure accessibility, usability, and visual conformity across web projects.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from the official source to stay up-to-date with standards.
  • Scan and compare UI files or patterns against the guidelines, highlighting accessibility and UX deviations.
  • Use during code reviews, design audits, or CI checks to enforce consistent UI quality across projects.

Quick Start

Run the web-design-guidelines skill against your UI source files, e.g., web-design-guidelines ./src or web-design-guidelines review ./public

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

To audit UI code for accessibility and design conformance, run this skill against your source files or directories. It fetches the latest Web Interface Guidelines and scans your code, outputting accessibility and UX deviations in a terse file:line format.

Can I use this accessibility audit skill for automated code reviews?▼

Yes, you can use this accessibility audit skill during code reviews, design audits, or CI checks. It scans web project files or patterns and highlights deviations from established UX and accessibility best practices.

What is the output format when reviewing UI files against web guidelines?▼

The output format for web guidelines review is a terse file:line format. This precisely highlights specific locations in your UI files where accessibility, UX, or best-practice compliance deviations occur.

Does the web design guidelines audit fetch standards from a remote source?▼

Yes, the web design guidelines audit fetches the latest Web Interface Guidelines from a remote official source. This ensures your UI code is always reviewed against the most current accessibility and design standards.

How do I scan specific UI patterns for UX and accessibility compliance?▼

To scan specific UI patterns for UX and accessibility compliance, specify the target files or directories when running the skill. It reads the specified files and compares them against fetched web guidelines to find deviations.

Are there limitations to using this skill for web design reviews?▼

A limitation of this skill for web design reviews is its Basic implementation depth, meaning it focuses on fetching guidelines and scanning files rather than providing deep, automated code fixes. It outputs findings for manual review.

Related Skills

Explore More Design & Creative Skills→
DayMoonDevelopmentDayMoonDevelopment
68

web-design-guidelines

Identify accessibility and UX violations in UI code against Web Interface Guidelines.

Official
Intermediate
misty-stepmisty-step
13

web-design-guidelines

Audit UI files against Web Interface Guidelines for accessibility and UX conformance.

Official
Intermediate
murphytruemanmurphytrueman
155

cicd-integration

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

Community
Advanced
HorusGoulHorusGoul
110

web-design-guidelines

Enforce Web Interface Guidelines compliance across UI code and design artifacts.

Community
Intermediate