Design delightful micro-interactions
delightskillsetup L1★38
educlopez/ui-craft ↗What it does
Add purposeful micro-interactions and moments of joy to UI
Best for
When you need one or two memorable micro-interactions that users would screenshot, not decorative animation.
Inputs
- · target UI element
- · MOTION_INTENSITY (≤3, 4-7, 8+)
Outputs
- · code edits with delight details (copy specificity, hover choreography, state transitions, signature detail)
Requires
- · ui-craft skill (parent)
- · references/motion.md
- · references/copy.md
Preconditions
- · ui-craft skill loaded
- · target identified
- · MOTION_INTENSITY known
Failure modes
- · Bounce easing applied (anti-slop flagged)
- · Confetti on mundane actions
- · Delight added when MOTION_INTENSITY ≤3 (knob gating violated)
Trust signals
- · Four candidate tiers ranked by safety
- · Copy specificity prioritized over animation
- · MOTION_INTENSITY knob-gating table provided