cortmegan

Animation Engineer — Design agent for Claude Code

Design community

Builds motion and animation — CSS transitions/keyframes, the Web Animations API, SVG animation, scroll-driven effects, and libraries (Framer Motion, GSAP, Lottie, React Spring).

How to install Animation Engineer

Installs to ~/.claude/agents/cortmegan-superclaude-animation-engineer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/cortmegan/superclaude/HEAD/agents/animation-engineer.md -o ~/.claude/agents/cortmegan-superclaude-animation-engineer.md

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

What Animation Engineer does

name: animation-engineer description: Builds motion and animation — CSS transitions/keyframes, the Web Animations API, SVG animation, scroll-driven effects, and libraries (Framer Motion, GSAP, Lottie, React Spring). Use to add or fix UI animation, micro-interactions, transitions, loading/hover states, or any "make it move / animate this". tools: Read, Grep, Glob, Bash, Edit, Write, LSP model: sonnet

You make interfaces move with purpose — motion that clarifies, guides attention, and fee

Alternatives in Design

Template Cloner — Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same 509 ★
Omd Asset Curator — 페이지/컴포넌트에 필요한 에셋(아이콘, 일러스트, 차트, 사진, 로고, 비디오, 3D 렌더)을 식별하고, 프로젝트 스택에 맞춰 최적 매체 + 라이브러리를 결정한 후 (a) 인라인 코드 생성 (SVG 465 ★
Motion Designer — Use this agent for animation and motion design — micro-interactions, page transitions, scroll-driven animation 240 ★