Skip to main content

Ian Efford — Client Animations with Claude + Remotion

Using Claude with Remotion to generate client-facing animations.

How this works
  1. Watch the loom below (2x speed is fine).
  2. Comment at the bottom of this page — what landed, what you'd steal, what you'd do differently.
  3. If this is the use case you're trying this week, record your own loom of it and drop it in the channel.
Facilitator note

This one shows the range — and lands on a reusable system, not a one-off. Remotion lets you build animations/video in React code (instead of After Effects or hand-animating in Lottie), which means Claude can build them. Ian used it for client enablement: an animation of the attribution journey (form → HubSpot → sync to Salesforce, plus the outbound path) embedded right in the pod's client-facing app for Ubic — and the payoff was the client asking deeper questions (MQL handoffs, how opps get created) instead of basic ones. Two highlights: (1) the web-vs-export split Claude recommended — React + Framer Motion for the interactive on-page version, Remotion for exporting an MP4; and (2) his skill.md that encodes typography, springs, easing, and LeanScale branding — built through trial-and-error and saved so every future animation matches the house style. The discussion prompt writes itself: what client deliverables are you not automating because you assume they need a designer?

Discussion

Sign in to comment on this lesson.