web-design-guidelines

Enforce Web Interface Guidelines compliance across UI codebases.

Updated Oct 26, 2025

Search Tags:#accessibility #a11y #compliance #web-design #design-guidelines #ui-review #ux-audit

Ready to run

npx skills add https://github.com/notbozho/defi-lending-dashboard --skill web-design-guidelines-notbozho

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/notbozho/defi-lending-dashboard/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/notbozho/defi-lending-dashboard --skill web-design-guidelines-notbozho

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps verify that UI code adheres to Web Interface Guidelines, ensuring accessibility, consistency, and quality.

Core Features & Use Cases

Guideline-driven reviews: Assess UI code against the latest Web Interface Guidelines to identify accessibility gaps, visual inconsistencies, and UX deviations.
Actionable recommendations: Provide concrete fixes and guidance to bring components in line with best practices.
Use Case: When you need to audit a UI for accessibility compliance or confirm design consistency across pages, apps, or components.

Quick Start

Audit a UI repository against the latest guidelines to generate a compliance report.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I perform an accessibility compliance audit on my UI codebase?▼

To perform an accessibility audit, this skill fetches the latest Web Interface Guidelines and evaluates your specified UI files to identify accessibility gaps, visual inconsistencies, and UX deviations, providing actionable recommendations.

What is a UI review against Web Interface Guidelines?▼

A UI review against Web Interface Guidelines is an assessment that checks your UI code for accessibility compliance, design consistency, and quality, generating concrete fixes to align components with established best practices.

Can I use this to check site-wide design conformity across multiple projects?▼

Yes, you can check site-wide design conformity across multiple projects by specifying target files during the review process to ensure consistent UX and accessibility adherence throughout your codebase.

Do I need any dependencies installed to run a UX audit?▼

No dependencies are required to run a UX audit; the skill operates independently by fetching the latest rules directly from the Web Interface Guidelines repository and applying them to your UI code.

What's the best way to fix visual inconsistencies found during a UI review?▼

The best way to fix visual inconsistencies is to apply the concrete, actionable recommendations provided in the compliance report, which detail exactly how to bring your components in line with Web Interface Guidelines.