Interaction Design

by @owl-listener · plugin · 16 skills

Interaction design skills: micro-interactions, animation principles, state machines, gesture patterns, error handling UX, and feedback patterns.

Install the whole plugin (CLI)

npx skillmds add owl-listener/fitts-law
npx skillmds add owl-listener/hicks-law
npx skillmds add owl-listener/search-ux
npx skillmds add owl-listener/form-design
npx skillmds add owl-listener/millers-law
npx skillmds add owl-listener/state-machine
npx skillmds add owl-listener/loading-states
npx skillmds add owl-listener/gesture-patterns
npx skillmds add owl-listener/doherty-threshold
npx skillmds add owl-listener/error-handling-ux
npx skillmds add owl-listener/feedback-patterns
npx skillmds add owl-listener/onboarding-design
npx skillmds add owl-listener/navigation-patterns
npx skillmds add owl-listener/animation-principles
npx skillmds add owl-listener/interfaces-that-feel
npx skillmds add owl-listener/micro-interaction-spec

⬇ Download

Skills in this plugin

▌
fitts-law · owl-listener
Apply Fitts's Law to size and position interactive targets for fast, accurate interaction.

1.7k
repo stars
▌
hicks-law · owl-listener
Reduce decision time and cognitive burden by limiting the number and complexity of simultaneous choices in user interfaces.

1.7k
repo stars
▌
search-ux · owl-listener
Design search experiences that help users find what they need, recover from failure, and refine results.

1.7k
repo stars
▌
form-design · owl-listener
Design forms that minimize friction, prevent errors, and guide users to successful completion.

1.7k
repo stars
▌
millers-law · owl-listener
Apply Miller's Law and chunking strategies to group information into meaningful units, making interfaces easier to scan, understand, and recall.

1.7k
repo stars
▌
state-machine · owl-listener
Model complex UI behavior as finite state machines with states, events, and transitions to eliminate impossible states and make behavior predictable.

1.7k
repo stars
▌
loading-states · owl-listener
Design loading, skeleton, and progressive content reveal patterns that maintain user confidence and perceived performance.

1.7k
repo stars
▌
gesture-patterns · owl-listener
Designs intuitive gesture-based interactions for touch and pointer devices, covering core gestures, discoverability, feedback, thresholds, conflict resolution, and accessibility.

1.7k
repo stars
▌
doherty-threshold · owl-listener
Apply the Doherty Threshold to keep system response times under 400ms, maintaining user flow and perceived performance.

1.7k
repo stars
▌
error-handling-ux · owl-listener
Design error prevention, detection, and recovery experiences that minimize user frustration.

1.7k
repo stars
▌
feedback-patterns · owl-listener
Design feedback patterns for user actions, including confirmations, status updates, and notifications.

1.7k
repo stars
▌
onboarding-design · owl-listener
Design first-run experiences that get users to value quickly without overwhelming them.

1.7k
repo stars
▌
navigation-patterns · owl-listener
Select and design navigation patterns that match product structure, user tasks, and platform conventions.

1.7k
repo stars
▌
animation-principles · owl-listener
Apply animation principles to UI motion for purposeful, polished interactions.

1.7k
repo stars
▌
interfaces-that-feel · owl-listener
Evaluate UI designs through an emotional resonance lens, identifying what's missing and prescribing specific changes at the copy, motion, and interaction layer.

1.7k
repo stars
▌
micro-interaction-spec · owl-listener
Specify micro-interactions using a structured framework covering trigger, rules, feedback, and loops/modes.

1.7k
repo stars