skills.rest
datamonsterr
datamonsterrCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and consistency.

Updated Feb 19, 2026
Search Tags:#ui#accessibility#frontend#audit#guidelines#web-design
One-click install
npx skills add https://github.com/datamonsterr/justplan --skill web-design-guidelines-datamonsterr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/datamonsterr/justplan/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/datamonsterr/justplan --skill web-design-guidelines-datamonsterr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps ensure UI code adheres to Web Interface Guidelines, focusing on accessibility, responsiveness, and consistency.

Core Features & Use Cases

  • Fetch the latest guidelines from the official source and synchronize checks with current rules.
  • Read the specified UI files or patterns and evaluate them against the guidelines.
  • Output findings in a terse, line-numbered format suitable for quick reviews.

Quick Start

Use the tool to review your UI by providing the files you want evaluated and letting it compare them against the latest guidelines.

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 frontend code for accessibility and design consistency?▼

The tool evaluates your UI code against fetched Web Interface Guidelines to ensure accessibility, responsiveness, and consistency. It outputs findings in a terse, line-numbered format suitable for quick codebase reviews.

What is the best way to check if my UI components meet current web design guidelines?▼

Checking UI components against web design guidelines involves fetching the latest rules from the official source and synchronizing checks with current standards. The tool reads target files and outputs line-numbered findings for quick reviews.

Can I audit a full design system for UX quality and accessibility?▼

You can audit a full design system by applying the tool to your codebase or component library where accessibility, responsiveness, and UX quality matter. It evaluates patterns against the complete Web Interface Guidelines rule set.

How does a UI accessibility audit handle guideline updates?▼

The tool handles guideline updates by fetching the latest rules from the official source before evaluating your files, synchronizing checks with current accessibility and design standards automatically during the audit process.

What format do accessibility audit results use for code reviews?▼

Accessibility audit results use a terse, line-numbered format suitable for quick reviews. This output style maps findings directly to your UI code, helping you locate and fix guideline violations efficiently.

Related Skills

Explore More Design & Creative Skills→
kirohujikirohuji

web-design-guidelines

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

Community
Intermediate
congthang12312congthang12312

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations.

Community
Intermediate
ryan-mtryan-mt
3

web-design-guidelines

Check UI code compliance with Web Interface Guidelines.

Community
Advanced
telum-aitelum-ai
2

visual-testing

Validate UI components against design tokens and WCAG AA standards.

Official
Advanced