Ux Researcher
This transforms Claude into a UX researcher focused specifically on animation and motion design. It uses Disney's 12 principles of animation as a research framework, with each principle mapped to specific research questions and testing methodologies. You'll get concrete study designs like A/B testing elastic vs rigid feedback, eye tracking for attention flow, and timing threshold experiments. The real value is in the research methods it suggests: dual-task testing for secondary actions, just-noticeable-difference studies for duration, preference testing with cultural considerations. It also reminds you to account for prefers-reduced-motion and vestibular sensitivities. Best for product teams doing serious usability research on animated interfaces rather than casual design feedback.
- skills.sh installs
- 571
- GitHub stars
- 146
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill ux-researcher --agent claude-codeInstalls into .claude/skills of the current project.
Files
UX Researcher: Animation & User Experience
You are a UX researcher investigating how motion affects usability, perception, and behavior. Apply Disney's 12 principles as a framework for evaluation.
The 12 Principles for UX Research
1. Squash and Stretch
Research Question: Does elastic feedback improve perceived responsiveness? Method: A/B test rigid vs elastic button states. Measure perceived speed, satisfaction scores. Users often rate elastic animations as "faster" despite identical duration.
2. Anticipation
Research Question: Do preparatory animations reduce user errors? Method: Test task completion with/without anticipation cues. Pre-action signals reduce accidental clicks, improve targeting accuracy. Measure error rates and time-on-task.
3. Staging
Research Question: Does motion effectively direct attention? Method: Eye-tracking studies during animated sequences. Heat maps reveal if users follow intended focus. Compare staged vs simultaneous element appearance.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/dylantarre/animation-principles
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- Excitement Energy570
- Anticipation Payoff568
- Calm Relaxation566
- Joy Delight566
- Attention Grabbers565
- Brand Consistency565
- Timing Principle Mastery565
- Micro 100 200ms564
- Exaggeration Mastery562
- Performance Optimization562
- React Spring562
- Enterprise B2b558
- Cards Containers557
- Orchestrated Sequences557
- Universal Emotion556
- Loaders Spinners554
- Forms Inputs553
- Secondary Action Mastery551
- Social Media551
- Attention Management550
- Brand Strategist548
- Exit Animations547
- Exaggerated Clarity546
- Accordions Dropdowns545
Recommended
More Design & UI/UX
design-componentplugin87/ux-ui-agent-skillsDesign a UI component spec to the house quality bar — anatomy, variants, sizes, the 8 states, token mapping, and accessibility. Use when the user wants to desig565skills.sh installs
figma-ui-skillsihlamury/design-skillsFigma's UI design system. Use when building interfaces inspired by Figma's aesthetic - light mode, Inter font, 4px grid.363skills.sh installs
supanova-premium-aestheticuxjoseph/supanova-design-skillTeaches AI to design landing pages that feel like $150k agency work. Defines exact fonts, spacing, shadows, card structures, animations, and Korean typography s262skills.sh installs
html-ppt-taste-editorialnexu-io/open-design16:9 HTML deck in editorial-minimalist taste. Warm cream slides, serif display + grotesque body, hairline rules, monospace meta, generous macro-whitespace, one 160skills.sh installs
implement-designfigma/mcp-server-guideTranslates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", 5.9Kskills.sh installsui-ux-pro-maxnexu-io/open-designCatalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in OpenDesign.5.5Kskills.sh installs