Ui Animation
mblode/agent-skillsMake your user interfaces feel smooth and responsive. This skill helps you create, review, and debug motion like springs, gestures, and CSS transitions. It covers everything from drag interactions to clip-path reveals and easing curves.
Use it when you want to add animations to a button, make a panel swipe away, or review why your animation feels janky. It works with Framer Motion, CSS keyframes, and plain transition recipes. The goal is to make motion helpful, not just flashy.
Developers and designers can rely on this skill to build intentional motion that guides users and feels polished. It follows clear rules to avoid over-animating and to keep performance high.
Add Ui Animation skill to your workflow
Global
mkdir -p ~/.claude/skills/ui-animationProject
mkdir -p .claude/skills/ui-animationSource 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