web-design-guidelines

Apply Web Interface Guidelines to assess UI files for accessibility and consistency.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/markdo27/dead4rat-v3 --skill web-design-guidelines-markdo27
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/markdo27/dead4rat-v3/tree/main/_agents/skills/web-design-guidelines
Command: npx skills add https://github.com/markdo27/dead4rat-v3 --skill web-design-guidelines-markdo27

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance, helping teams ensure accessibility, usability, and consistent design across projects.

Core Features & Use Cases

  • Guideline-driven review: Check UI files against the latest Web Interface Guidelines to identify accessibility gaps and UX issues.
  • Audit workflow support: Ideal for site audits, design critiques, and UX reviews across web apps and static sites.
  • Actionable findings: Produce concise, rule-based feedback that can guide designers and developers.

Quick Start

Follow the latest guidelines to start reviewing your UI assets.

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 files for accessibility and UX consistency?

Auditing UI files for accessibility and UX consistency requires reading target files and applying the latest Web Interface Guidelines to generate a concise, rule-based report. This identifies a11y compliance gaps and usability issues across web projects.

What is a design review for web interface guidelines compliance?

A design review for Web Interface Guidelines compliance is an evaluation of UI files to ensure accessibility, consistency, and usability. It applies specific rules to UI assets to identify a11y gaps, UX issues, and design integrity flaws across web projects.

How do I run an accessibility review on my UI code?

Running an accessibility review on UI code involves fetching the latest Web Interface Guidelines and applying them to your target files. This generates a concise, rule-based report detailing a11y compliance gaps and UX issues for site audits and design critiques.

Can I use this for site audits across multiple web projects?

Yes, you can use this for site audits across multiple web projects. The review process evaluates file sets across projects to assess accessibility, UX consistency, and design integrity, making it suitable for comprehensive design critiques and a11y reviews.

What is the best way to check my UI for a11y compliance?

The best way to check your UI for a11y compliance is applying the latest Web Interface Guidelines to your UI files. This generates a concise, rule-based report that identifies accessibility gaps and usability issues to guide developers and designers.

What kind of report can I expect from a UI accessibility audit?

From a UI accessibility audit, you can expect a concise, rule-based report generated by applying Web Interface Guidelines to your files. This report provides actionable feedback identifying a11y compliance gaps and UX issues to guide design fixes.