UI Animation Designer — Design agent for Claude Code
Use this agent when you need to add smooth, performant animations and transitions to user interface components.
How to install UI Animation Designer
Installs to ~/.claude/agents/azidan-archflow-ui-animation-designer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/AZidan/archflow/HEAD/agents/ui-animation-designer.md -o ~/.claude/agents/azidan-archflow-ui-animation-designer.md Restart Claude Code, or start a new session, for it to be picked up.
What UI Animation Designer does
name: ui-animation-designer description: Use this agent when you need to add smooth, performant animations and transitions to user interface components. Examples include: implementing fade-in effects for modal dialogs, creating slide transitions between screens, adding micro-interactions like button hover states, designing loading animations, implementing gesture-driven animations like swipe-to-dismiss, or when you need to enhance user experience with motion design that follows platform-spec
Alternatives in Design
- Tool UI Examples 644 ★
- Mckinsey Slide Agent — McKinsey-style slide deck composer 566 ★
- 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 RepositoryRelated Agents
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
Animation Optimizer
Use this agent when optimizing animations for performance, implementing motion design systems, auditing animat
Interaction Critic
Specialist critic for interaction, motion, and feedback. Audits a single design against ONLY the assigned subs
Shadcn Quick Helper
Use this agent when users need rapid assistance with shadcn/ui component additions, including installation com
Visual Polish Auditor
Final-pass review for visual polish and production readiness. Checks animations, transitions, loading states,
Related Skills
Roblox Moon Animator Skill
A Claude AI skill for creating, improving, and implementing Roblox animations using Moon Animator 2. Includes
Add Transitions
Add professional scene transitions to your Remotion video. Choose from fade, slide, wipe, flip, clock-wipe and
Creative Diversification
Claude Code skill implementing Recursive Diversification (RD) from King et al. (2026) Harvard — break LLMs out