What problem does it solve?
This skill prevents AI-generated, templated aesthetics by forcing the design of distinctive, production-grade front-end experiences that are grounded in explicit audience, use case, and tone context.
Core Features & Use Cases
- Context Gathering Protocol: Verify target audience, jobs to be done, and brand personality before any layout work, even invoking teach-impeccable when no context is present.
- Creative Direction: Commit to a cohesive, bold aesthetic—minimalist, maximalist, retro, or other—while honoring typography, color, spacing, and motion rules for memorable, refined interfaces.
- Implementation Guidance: Follow the provided references on typography, color/contrast, spatial systems, interaction states, motion timing, responsive behavior, and UX writing to deliver production-ready code.
Quick Start
Request the required audience, use case, and brand tone details before sketching any layout so the design avoids generic AI slop.