PMDevSolutions

Animation Optimizer — Design agent for Claude Code

Design community

Use this agent when optimizing animations for performance, implementing motion design systems, auditing animation jank, or ensuring reduced-motion accessibility.

How to install Animation Optimizer

Installs to ~/.claude/agents/pmdevsolutions-aurelius-animation-optimizer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/PMDevSolutions/Aurelius/HEAD/.claude/agents/animation-optimizer.md -o ~/.claude/agents/pmdevsolutions-aurelius-animation-optimizer.md

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

What Animation Optimizer does

name: animation-optimizer description: Use this agent when optimizing animations for performance, implementing motion design systems, auditing animation jank, or ensuring reduced-motion accessibility. Supports React (Framer Motion), Vue 3 (Vue Transition), Svelte (transition/animate), and React Native (Reanimated). tools:

  • Read
  • Write
  • MultiEdit
  • Bash
  • Grep
  • Glob
  • mcp__chrome-devtools__navigate_page
  • mcp__chrome-devtools__take_screenshot
  • mcp__chrome-devtools__eval

Alternatives in Design

  • Accessibility — A11y auditing, WCAG compliance, and inclusive design review 801 ★
  • JS Optimizer Mikopbx — Оптимизация и рефакторинг JavaScript кода для MikoPBX 571 ★
  • 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

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 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 Choreographer — Design agent for Claude Code

Motion Choreographer

CSS animation and motion designer. Implements View Transitions API, scroll-driven animations, CSS keyframes, F

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
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
Animation Reviewer — Design agent for Claude Code

Animation Reviewer

Reviews motion design for purpose, performance, timing, and accessibility.

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
18 — Development skill for Claude Code

18

Build a fullscreen loading screen component in React (Next.js 14, TypeScript). Uses Framer Motion for animatio

Development community
Roblox Moon Animator Skill — AI skill for Claude Code

Roblox Moon Animator Skill

A Claude AI skill for creating, improving, and implementing Roblox animations using Moon Animator 2. Includes

AI community