Motion Designer
dylantarre/animation-principlesMotion design brings digital products to life through meaningful movement. This skill helps you create animations that feel natural and delightful. You will learn the 12 classic principles that make motion clear and engaging.
Designers and developers can use these guidelines to craft everything from UI micro-interactions to brand animations. The focus is on expressive timing, smooth arcs, and appealing character in every frame.
Deliverables include motion style guides with easing curves and reduced motion alternatives. This approach works for any screen where movement adds clarity and joy.
Add Motion Designer skill to your workflow
Global
mkdir -p ~/.claude/skills/motion-designerProject
mkdir -p .claude/skills/motion-designerSource 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