ui-craft-playful
UI Craft — Playful
Pre-committed playful style: friendly-pop, Clay / Gumroad / Duolingo / Arc Browser. Warmth via spring motion, generous radii, and saturated-but-tuned multi-accents.
Knobs (locked)
- CRAFT_LEVEL = 8 — playful without craft reads as childish; Polish Pass mandatory.
- MOTION_INTENSITY = 7 — spring-heavy, entrance stagger, page transitions allowed. Motion carries the personality.
- VISUAL_DENSITY = 4 — moderate. Cards breathe, but layout has rhythm and variety.
Do not re-ask these in Discovery. Confirm primary accent + whether dark mode is in scope.
Style anchors
More from educlopez/ui-craft
ui-craft
Use for UI design and implementation work to avoid generic AI-looking interfaces. Provides anti-slop rules, a required discovery phase before coding, and guidance for layout, typography, color, motion, accessibility, dashboards, tables, landing pages, theming, and polish. Trigger when editing UI code or reviewing and refining components, pages, screens, layouts, animations, responsive behavior, or design systems.
125audit
Technical UI audit — a11y, performance, responsive. Produces a prioritized findings table. Invoke when the user asks for audit on their UI, or mentions 'audit' alongside design / UI / frontend work.
37typeset
Typography pass — fonts, scale, hierarchy, micro-typography. Invoke when the user asks for typeset on their UI, or mentions 'typeset' alongside design / UI / frontend work.
36critique
UX critique — hierarchy, clarity, anti-slop. No code changes unless asked. Invoke when the user asks for critique on their UI, or mentions 'critique' alongside design / UI / frontend work.
35adapt
Responsive pass — mobile, tablet, desktop, touch, safe areas. Invoke when the user asks for adapt on their UI, or mentions 'adapt' alongside design / UI / frontend work.
35clarify
UX copy pass — buttons, errors, empty states, form hints. Clarity over cleverness. Invoke when the user asks for clarify on their UI, or mentions 'clarify' alongside design / UI / frontend work.
34