universal-patterns
dylantarre
Make interface motion feel natural and consistent.
Interface animation
Motion, animation & 3D skills for AI agents
Making things move and giving them depth. Motion design Skills decide which interface moments deserve animation and build it with CSS and React; motion graphics Skills make animated video with HyperFrames and Remotion; 3D Skills model, light, shade and rig.
Sort by
Most installed
364 Skills
Showing Skills in Motion, animation & 3D.- 452
- 450
continuous-infinite
dylantarre
Keep looping interface animations calm and subtle.
Interface animation
- 450
responsive-adaptive
dylantarre
Animation timing that fits your users' context.
Interface animation
- 450
secondary-action-mastery
dylantarre
Make animations feel alive without stealing focus.
Motion design
- 450
straight-ahead-pose-mastery
dylantarre
Give your animation structure without stiffness.
Animation
- 449
exaggerated-clarity
dylantarre
Make animated motion clear from the back row.
Animation
- 448
professionalism-credibility
dylantarre
Build restrained motion for business interfaces.
Interface animation
- 447
comfort-safety
dylantarre
Make interface animations feel calm and safe.
Interface animation
- 447
popmotion
dylantarre
Bring Disney’s animation principles to your UI.
Interface animation
- 447
problem-diagnosis
dylantarre
Find why your animation feels wrong and fix it.
Animation
- 446
friendliness-approachability
dylantarre
Make your interface feel welcoming with motion.
Interface animation
- 446
large-500-800ms
dylantarre
Make hero reveals feel like a major moment.
Interface animation
- 445
universal-industry
dylantarre
Animation defaults that adapt to your brand.
Animation design
- 443
deliberate-1200-2000ms
dylantarre
Give app launches a slower, story-driven feel.
Motion design
- 443
trust-reliability
dylantarre
Build confidence with calm, consistent animation.
Interface animation
- 442
universal-tool
dylantarre
Bring Disney's animation principles to your UI.
Animation design
Animation Principles - Absolute Beginner
dylantarre
Animation basics explained for total beginners.
Animation education
Animation Principles - Advanced
dylantarre
Go beyond the basics of character animation.
Animation
Animation Principles - Deep Dive
dylantarre
Give animated movement weight and clarity.
Animation
Animation Principles - Expert
dylantarre
Break animation rules for deliberate effects.
Animation
Animation Principles - Intermediate
dylantarre
Make animation principles work better together.
Animation
Animation Principles - Master
dylantarre
Understand why animation feels believable.
Animation education
Animation Principles - Novice
dylantarre
Build animation skills with simple exercises.
Animation
Animation Principles - Quick Start
dylantarre
Learn all 12 animation principles in minutes.
Animation
Yes. Interface and web animation Skills add and tune motion with CSS and animation libraries, and motion design Skills help decide where it belongs.
Some 3D Skills drive tools such as Blender and need them installed; others generate models or render scenes in code. Each Skill says what it needs.
This category is about creating motion and 3D. Video & audio covers producing, editing and generating finished video and sound.