Animation Principles
owl-listener/designer-skillsMoving parts on a screen can feel natural and helpful. Good motion guides your eyes and tells you what just happened. This skill teaches you how to apply animation principles like easing and duration to UI elements.
You will learn to make entrances, exits, and transitions smooth. Every animation should have a purpose. Keep them quick and interruptible for a polished experience.
Always support reduced motion for accessibility. Test on different devices to ensure performance.
Add Animation Principles skill to your workflow
Global
mkdir -p ~/.claude/skills/animation-principlesProject
mkdir -p .claude/skills/animation-principlesSource Repository
More Design & UI/UX Claude Code Skills
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready