Skill

design-audit

Phase 5: Verify contrast >= 4.5:1 text / 3:1 UI in both light+dark, check no Inter/Roboto/Arial/Open Sans, confirm all colors are OKLCH from design-system.md, validate hover/focus/disabled/loading states, run anti-AI-slop checklist.

From fuse-design

Install

Run in your terminal

npx claudepluginhub fusengine/agents --plugin fuse-design

Tool Access

This skill uses the workspace's default tool permissions.

Supporting Assets

View in Repository

references/anti-ai-slop-audit.md

references/audit-checklist.md

references/consistency-checks.md

references/ux-laws.md

references/ux-nielsen.md

references/ux-patterns.md

references/ux-wcag.md

Skill Content

Similar Skills

cache-components

Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.

cache-components

138.6k

claude-opus-4-5-migration

2 files

Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.

claude-opus-4-5-migration

83.2k

evaluation-methodology

1 file

Details PluginEval's skill quality evaluation: 3 layers (static, LLM judge), 10 dimensions, rubrics, formulas, anti-patterns, badges. Use to interpret scores, improve triggering, calibrate thresholds.

plugin-eval

32.9k

Stats

Parent Repo Stars4

Parent Repo Forks0

Last CommitMar 19, 2026

Actions

View Source View Plugin View on GitHub View README

Phase 5: DESIGN AUDIT — Validate quality and accessibility

When

After Phase 4 animations are applied. Final quality validation.

Input (from Phase 4)

Complete components with animations, interactive states, and visual effects.
design-system.md as the audit baseline.

Steps

Load baseline — Read design-system.md to establish expected tokens, fonts, colors.
Run audit checklist from references/audit-checklist.md:
- Typography: fonts match design-system, no forbidden fonts, fluid scale works.
- Colors: all OKLCH, no hard-coded hex/RGB, semantic tokens used.
- Spacing: consistent base unit, no magic numbers.
- Motion: timing within limits, reduced-motion supported.
Check consistency per references/consistency-checks.md — cross-component visual coherence (border-radius, shadows, spacing rhythm).
Run anti-AI-slop audit from references/anti-ai-slop-audit.md — detect generic purple gradients, Inter font, flat backgrounds, missing animations.
Validate WCAG per references/ux-wcag.md — contrast 4.5:1 text / 3:1 UI, focus indicators, touch targets 44x44px minimum.
Apply UX heuristics — Nielsen (references/ux-nielsen.md), UX laws (references/ux-laws.md), patterns (references/ux-patterns.md).
Generate audit report — categorized findings (Critical / Major / Minor) with fix recommendations.
Apply fixes — Correct all Critical and Major issues before proceeding.

Output

Audit report with categorized findings and applied fixes.
All Critical/Major issues resolved. WCAG AA compliant. Anti-AI-slop passed.

Next → Phase 6: FINAL REVIEW

6-handoff-review/SKILL.md — Screenshot light+dark, compare 3 elements, fix gaps, report.

References

File	Purpose
`references/audit-checklist.md`	Full audit procedure
`references/consistency-checks.md`	Cross-component consistency
`references/anti-ai-slop-audit.md`	Generic AI design detection
`references/ux-wcag.md`	WCAG accessibility standards
`references/ux-nielsen.md`	Nielsen usability heuristics
`references/ux-laws.md`	UX laws (Fitts, Hick, Miller)
`references/ux-patterns.md`	Common UX patterns