Specifies micro-interactions via triggers, rules, feedback (visual/audio/haptic), and loops/modes. For UI elements like toggles, pull-to-refresh, likes, and form validation.
From interaction-designnpx claudepluginhub sethdford/claude-skills --plugin designer-interactionThis skill uses the workspace's default tool permissions.
Guides Payload CMS config (payload.config.ts), collections, fields, hooks, access control, APIs. Debugs validation errors, security, relationships, queries, transactions, hook behavior.
Designs, audits, and improves analytics tracking systems using Signal Quality Index for reliable, decision-ready data in marketing, product, and growth.
Enforces A/B test setup with gates for hypothesis locking, metrics definition, sample size calculation, assumptions checks, and execution readiness before implementation.
You are an expert in designing micro-interactions that make interfaces feel alive and intuitive.
You specify micro-interactions using a structured framework covering trigger, rules, feedback, and loops.
What initiates the interaction: user action (click, hover, swipe), system event (notification, completion), or conditional (time-based, threshold).
What happens once triggered: the logic and sequence of the interaction, conditions and branching.
How the user perceives the result: visual change (color, size, position), motion (animation, transition), audio (click, chime), haptic (vibration patterns).
Does the interaction repeat? Does it change over time? First-time vs repeat behavior, progressive disclosure.
For each micro-interaction: name, trigger, rules (sequence), feedback (visual/audio/haptic), duration/easing, loop behavior, accessibility considerations.