skills.rest
dungle-scrubs
dungle-scrubsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Validate UI code against Web Interface Guidelines and accessibility standards.

Updated Aug 23, 2026
Search Tags:#accessibility#UI#UX#audit#review#guidelines#web-design
One-click install
npx skills add https://github.com/dungle-scrubs/agent-config --skill web-design-guidelines-dungle-scrubs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/dungle-scrubs/agent-config/tree/main/stow/shared/skills/web-design-guidelines
Command: npx skills add https://github.com/dungle-scrubs/agent-config --skill web-design-guidelines-dungle-scrubs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure UI code complies with Web Interface Guidelines and accessibility best practices, reducing design debt and UX issues across projects.

Core Features & Use Cases

  • Guideline Conformity Checks: fetch the latest Web Interface Guidelines and validate the provided UI files against the rules.
  • Accessibility & UX Audit: identify accessibility gaps and UX inconsistencies to improve usability.
  • Use Case Example: you provide a path or pattern (e.g., src/components/navbar.jsx), and this Skill reports any non-conformities with precise locations and recommendations.

Quick Start

Provide the file path or pattern you want reviewed (for example, src/components/header.jsx). The Skill will fetch the latest guidelines, assess the specified files, and return a concise report of findings.

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 compliance?▼

You audit UI code for accessibility compliance by providing a file path like src/components/navbar.jsx to the Skill, which fetches the latest Web Interface Guidelines, validates the files, and reports non-conformities with actionable recommendations. It requires no local software installation.

What is a web design guidelines audit and when do I need one?▼

A web design guidelines audit verifies UI code against Web Interface Guidelines and accessibility standards to ensure compliant and usable interfaces. You need one to reduce design debt and resolve UX inconsistencies across your projects before they impact users.

How do I review UI files for UX inconsistencies and accessibility gaps?▼

To review UI files for UX inconsistencies and accessibility gaps, provide a file path or pattern to the Skill. It fetches current standards, assesses the specified files, and returns a concise report of findings with precise locations and actionable recommendations.

Can I use this accessibility audit tool without installing local software?▼

Yes, you can perform an accessibility audit without local software installation beyond standard network access. The Skill uses a guideline-fetching process to perform automated UI reviews directly on your specified file paths or patterns.

What's the best way to check multiple UI components against web interface guidelines?▼

The best way to check multiple UI components against web interface guidelines is to provide a file pattern to the Skill. It fetches the latest rules, applies them to the matched files, and generates a concise report detailing all non-conformities with precise locations.

Related Skills

Explore More Design & Creative Skills→
mymx2mymx2
4

web-design-guidelines

Validate UI source code against Web Interface Guidelines for accessibility and design consistency.

Community
Intermediate
peopledearpeopledear
1

Frontend Accessibility

Audit web interfaces for WCAG, ARIA, keyboard navigation, and semantic HTML.

Official
Basic
donggyun112donggyun112
3

frontend-developer

Develop React and TypeScript user interfaces using the Redpanda UI Registry.

Community
Intermediate
tomaszstaniaktomaszstaniak

positioning-and-pitch

Develop product positioning and structure pitches using five components and a two-phase model.

Community
Advanced