skills.rest
bdbch
bdbchCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-compliance

Audit web design compliance against contrast, spacing, typography, and hit target standards.

2|Updated May 15, 2026
Search Tags:#typography#accessibility#web design#contrast ratio#design compliance
One-click install
npx skills add https://github.com/bdbch/ai-dotfiles --skill design-compliance
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-compliance
Source: https://github.com/bdbch/ai-dotfiles/tree/main/skills/design-compliance
Command: npx skills add https://github.com/bdbch/ai-dotfiles --skill design-compliance

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a rigorous, objective audit of design compliance, identifying issues like contrast ratios, spacing, typography, and component consistency.

Core Features & Use Cases

  • Design Compliance Audit: Checks for adherence to measurable design standards.
  • Automated Checks: Identifies visual inconsistencies, accessibility violations, and spacing grid deviations.
  • Use Case: Use this Skill to ensure your web design meets accessibility standards and visual consistency.

Quick Start

Run the design-compliance skill on your web page URL to audit design standards.

Frequently Asked Questions about design-compliance

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

FAQPage Schema
How do I check web design compliance for accessibility and contrast ratios?▼

Web design compliance audits contrast ratios, spacing grids, typography scales, and hit targets to identify visual inconsistencies and accessibility violations. Automated checks measure visual consistency against strict accessibility guidelines for web development projects.

What is the best way to audit typography scale and spacing grid deviations?▼

Auditing typography scale and spacing grid deviations requires automated checks against measurable design standards. This ensures visual consistency across components by objectively identifying spacing and typography issues in your web design project.

Can I use automated checks to verify hit targets and visual consistency?▼

Automated checks verify hit targets and visual consistency by measuring component adherence to design standards. The audit objectively identifies accessibility violations and spacing grid deviations applicable to web development and design projects.

Does design compliance auditing work for web pages requiring strict accessibility guidelines?▼

Design compliance auditing works for web pages requiring strict accessibility guidelines by providing rigorous, objective measurements. It checks contrast ratios and component consistency to ensure your web design meets established accessibility standards.

Why does my web design fail accessibility standards and visual consistency checks?▼

Web design fails accessibility standards due to issues like insufficient contrast ratios, spacing grid deviations, and inconsistent typography. An objective compliance audit identifies these specific visual inconsistencies and accessibility violations for correction.

Related Skills

Explore More Design & Creative Skills→
udsy19udsy19

accesslint-diff

Compare live web page accessibility violations against a Git baseline.

Community
Intermediate
wensiawensia
2

template-lint

Lint HTML/SVG poster templates with an 8-check workflow and generate remediation reports.

Community
Advanced
AshesOfTheUndeadAshesOfTheUndead

perspective

Generate component specifications using spatial design tokens and accessibility rules.

Community
Intermediate
Bonny94ITABonny94ITA

accessibility

Automate WCAG 2.2 accessibility audits using Lighthouse and manual checks.

Community
Advanced