megabytespace

Motion Choreographer — Design agent for Claude Code

Design community

CSS animation and motion designer.

How to install Motion Choreographer

Installs to ~/.claude/agents/megabytespace-claude-skills-motion-choreographer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/megabytespace/claude-skills/HEAD/agents/motion-choreographer.md -o ~/.claude/agents/megabytespace-claude-skills-motion-choreographer.md

Restart Claude Code, or start a new session, for it to be picked up.

What Motion Choreographer does

name: motion-choreographer description: CSS animation and motion designer. Implements View Transitions API, scroll-driven animations, CSS keyframes, FLIP, staggered reveals, and reduced-motion respected animations. tools: Read, Write, Edit, Bash, Glob, Grep allowed-tools: Read Write Edit Bash Glob Grep disallowedTools: model: "claude-sonnet-4-6" permissionMode: default maxTurns: 18 effort: medium fallback_model: "claude-haiku-4-5" fallback_effort: medium fallback_reason: cost_optimization c

Alternatives in Design

  • UI Engineer — Frontend specialist in modern JavaScript/TypeScript frameworks, responsive design, and component-driven archit 1.2k ★
  • Software Architect Agent — Expert software architect specializing in system design, domain-driven design, architectural patterns, and tec 669 ★
  • Template Cloner — Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same 509 ★

Full documentation available on GitHub

View Source Repository

Related Agents

Animation Engineer — Design agent for Claude Code

Animation Engineer

Builds motion and animation — CSS transitions/keyframes, the Web Animations API, SVG animation, scroll-driven

Design community
Motion Designer — Design agent for Claude Code

Motion Designer

Use this agent for animation and motion design — micro-interactions, page transitions, scroll-driven animation

Design community
Motion Engineer — Design agent for Claude Code

Motion Engineer

Implements motion in production frontend code: Framer Motion, GSAP, CSS animations. Owns easing curves, spring

Design community
Animation Optimizer — Design agent for Claude Code

Animation Optimizer

Use this agent when optimizing animations for performance, implementing motion design systems, auditing animat

Design community
UI Animation Designer — Design agent for Claude Code

UI Animation Designer

Use this agent when you need to add smooth, performant animations and transitions to user interface components

Design community
Motion Reviewer — Design agent for Claude Code

Motion Reviewer

Audits motion and animation against this starter's rules — spring usage, the narrow CSS-transition exception,

Design community

Related Skills

UX Motion — Design skill for Claude Code

UX Motion

Animation and motion rubric. Checks timing, easing, meaning, reduced-motion compliance, and performance for ev

Design community
CSS Animation Skill — Design skill for Claude Code

CSS Animation Skill

A Claude Code skill that generates self-contained HTML/CSS animations of app features for walkthroughs, demos,

Design community
UI Animations — Design skill for Claude Code

UI Animations

Glass morphism, animated orbs, counting KPIs, staggered row entrances, hover lift — premium dark UI for Ohvara

Design community