AZidan

UI Animation Designer — Design agent for Claude Code

Design community

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

Terminal
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

Full documentation available on GitHub

View Source Repository