skills.rest
devinitive-team
devinitive-teamOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines and accessibility standards.

Updated Feb 28, 2026
Search Tags:#code review#best practices#design audit#web accessibility#UI compliance
One-click install
npx skills add https://github.com/devinitive-team/mirage --skill web-design-guidelines-devinitive-team
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/devinitive-team/mirage/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/devinitive-team/mirage --skill web-design-guidelines-devinitive-team

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill assists in reviewing UI code for compliance with Web Interface Guidelines, addressing concerns related to accessibility, design audits, and adherence to best practices.

Core Features & Use Cases

  • Guideline Compliance: Reviews UI code against a set of predefined guidelines.
  • Accessibility Checks: Ensures that UI elements meet accessibility standards.
  • Design Audits: Provides a detailed report on the UI's design and usability.
  • Use Case: When you need to validate your website's UI against industry standards or when responding to user feedback regarding accessibility.

Quick Start

Run the web-design-guidelines skill on your project files to check for compliance with Web Interface 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 check my UI code for web accessibility compliance?▼

To check UI code for web accessibility compliance, run a source code analysis against predefined rules to identify accessibility issues and ensure adherence to best practices. This validates UI elements and generates a detailed design audit report.

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

A UI design audit is a source code review that validates website interfaces against Web Interface Guidelines. You need a design audit when responding to user accessibility feedback or validating your website's UI against industry standards.

How do I run a design audit on my project files?▼

Run a design audit on your project files by executing a source code analysis skill that reviews UI code against predefined rules. This identifies accessibility issues and outputs a detailed report on UI design and usability.

Can I validate website UI against best practices without external dependencies?▼

Yes, you can validate website UI against best practices without external dependencies by applying predefined rules embedded in the skill. It analyzes source code directly to identify accessibility issues and ensure UI compliance.

What's the best way to identify accessibility issues in UI code?▼

The best way to identify accessibility issues in UI code is to perform an automated source code analysis against predefined Web Interface Guidelines. This method detects UI compliance gaps and generates a detailed usability report.

Related Skills

Explore More Design & Creative Skills→
coakenfoldcoakenfold

technical-writer

Generate Markdown documentation from source code and API references.

Community
Intermediate
EmaRimoldiEmaRimoldi

web-design-reviewer

Identify and fix visual design issues in HTML/CSS/JS across viewports.

Community
Advanced
antoniorv6antoniorv6

web-design-guidelines

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

Community
Intermediate
kevindreekevindree

browser-testing-with-devtools

Inspect live DOM, console, network, and accessibility data via Chrome DevTools MCP.

Community
Advanced