skills.rest
notbozho
notbozhoCOMMUNITY
Explore all skills by this author →
𝕏@0xBozhoGitHub

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
One-click install
npx skills add https://github.com/notbozho/defi-lending-dashboard --skill web-design-guidelines-notbozho
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
gavin100305gavin100305
1

web-design-guidelines

Audit web UI code against Web Interface Guidelines for compliance issues.

Community
Intermediate
willietranwillietran
3

coherence-fixer

Dispatch a fixer session to resolve coherence findings across feature layers.

Community
Advanced
beemanbeeman
12

web-design-guidelines

Evaluate web UI components against Web Interface Guidelines for compliance.

Community
Intermediate
eliottbusinesseliottbusiness

requesting-code-review

Automate pre-commit code review with static analysis and security scanning.

Community
Advanced