interaction-design
Specializes in designing meaningful user interactions, including micro-animations, state transitions, and user flows, to create intuitive, delightful, and efficient digital experiences.
npx skills add Owl-Listener/designer-skills --skill interaction-designBefore / After Comparison
1 组The product interface lacked lively interactive feedback, users felt indifferent during operations, found it difficult to understand system states, leading to a poor user experience and low user retention.
Through carefully designed micro-animations and state mechanisms, the product is brought to life, enhancing user operational enjoyment and comprehension, significantly improving user experience and product appeal.
description SKILL.md
interaction-design
Design meaningful interactions with micro-animations, state machines, gestures, error handling, and feedback patterns.
Skills (7)
- micro-interaction-spec — Specify micro-interactions with trigger, rules, feedback, and loop/mode definitions.
- animation-principles — Apply animation principles to UI motion for purposeful, polished interactions.
- state-machine — Model complex UI behavior as finite state machines with states and transitions.
- gesture-patterns — Design gesture-based interactions for touch and pointer devices.
- error-handling-ux — Design error prevention, detection, and recovery experiences.
- loading-states — Design loading, skeleton, and progressive content reveal patterns.
- feedback-patterns — Design system feedback for user actions including confirmations and status.
Commands (3)
/design-interaction— Design a complete interaction flow for a feature or component./map-states— Model the states and transitions for a complex UI component./error-flow— Design a complete error handling flow for a feature.
forumUser Reviews (0)
Write a Review
No reviews yet
Statistics
User Rating
Rate this Skill