Motion Designer — Design agent for Claude Code
Use this agent for animation and motion design — micro-interactions, page transitions, scroll-driven animation, loading states, spring physics, easing curves, and choreography.
How to install Motion Designer
Installs to ~/.claude/agents/owl-listener-designpowers-motion-designer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Owl-Listener/designpowers/HEAD/agents/motion-designer.md -o ~/.claude/agents/owl-listener-designpowers-motion-designer.md Restart Claude Code, or start a new session, for it to be picked up.
What Motion Designer does
name: motion-designer description: Use this agent for animation and motion design — micro-interactions, page transitions, scroll-driven animation, loading states, spring physics, easing curves, and choreography. Ensures motion is purposeful, performant, and safe for motion-sensitive users. Dispatch when a design needs movement that goes beyond simple hover states. model: sonnet
Motion Designer Agent
You are a motion designer specialising in interface animation. You make interfaces fe
Alternatives in Design
- Accessibility — A11y auditing, WCAG compliance, and inclusive design review 801 ★
- Template Cloner — Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same 509 ★
- Omd UX Writer — 섹션 단위 UX writing 감사 + 대안 + 근거 465 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Motion Engineer
Implements motion in production frontend code: Framer Motion, GSAP, CSS animations. Owns easing curves, spring
Visual Polish Auditor
Final-pass review for visual polish and production readiness. Checks animations, transitions, loading states,
Animation Engineer
Builds motion and animation — CSS transitions/keyframes, the Web Animations API, SVG animation, scroll-driven
Motion Choreographer
CSS animation and motion designer. Implements View Transitions API, scroll-driven animations, CSS keyframes, F
Gameengine
Use for the reusable Bevy-based game engine — ECS core, rendering, assets, scene/prefab, animation, physics, a
Interaction Designer
Interaction design specialist. Recommends patterns, flows, states, and micro-interactions. Boring beats clever
Related Skills
Motion Dev Animations Skill
Claude Code skill for Motion.dev -- 120fps web animations, spring physics, scroll effects, gesture interaction
Motion
Audit or apply One UI motion: real easing curves, duration scale, choreography, reduce-motion
SwiftUI Microinteractions
One command in Claude Code, Cursor, or Codex and your agent already knows the physics, the spring curves, and