design-audit
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.mdas the audit baseline.
Steps
- Load baseline — Read
design-system.mdto 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.
More from fusengine/agents
laravel-architecture
Design Laravel app architecture with services, repositories, actions, and clean code patterns. Use when structuring projects, creating services, implementing DI, or organizing code layers.
99laravel-blade
Create Blade templates with components, slots, layouts, and directives. Use when building views, reusable components, or templating.
93laravel-livewire
Livewire 4 reactive components on Laravel 13 - wire:model, actions, events, Volt, Folio. Use when building reactive UI without JavaScript.
92nextjs-i18n
Next.js 16 internationalization with next-intl or DIY. Use when implementing i18n, translations, localization, multilingual, language switch, locale routing, or formatters.
62solid-php
SOLID principles for Laravel 12 and PHP 8.5. Files < 100 lines, interfaces separated, PHPDoc mandatory. Auto-detects Laravel and FuseCore architecture.
53laravel-testing
Write tests with Pest 3/PHPUnit, feature tests, unit tests, mocking, fakes, and factories. Use when testing controllers, services, models, or implementing TDD.
52