Motion Design Skill

Paths: ${CLAUDE_SKILL_DIR} means the folder containing this SKILL.md

In cooked. the templates and overlay formats in ../style-edit/references/motion.md already follow this skill. Use it when adding or changing a template, when choosing a card's motion personality, and as the review checklist for stills and clips (reference/quality-checklist.md).

When to Apply

Use this skill when:

• Creating UI animations (buttons, cards, modals, page transitions)
• Designing micro-interactions and feedback animations
• Building loading, success, or error states
• Animating illustrations or decorative elements
• Planning scroll-triggered or progress-based animations
• Establishing brand motion identity
• Choreographing multi-element sequences