Claude Opus 5.5 Animated Every Motion Graphic in This Video (I Didn't Keyframe a Thing)
16.1万 次观看 · 2026-10-15
动效设计
Here's how to make motion graphics with Claude Code and Remotion, then drop them straight into CapCut. Every motion graphic in this video was animated by Claude, and I didn't keyframe a single thing.
Get the full prompt kit (every prompt from this video): https://docs.google.com/document/d/1cnVw2cUQXnNARu9ta0-wepbVZyFUi3g7lPBnxPtDa2k/edit?usp=sharing
In this Claude Code motion graphics tutorial, I'll show you the three ways I prompt Claude: record it, screenshot it, or reference it. A quick screen recording became an animated CapCut Edit Pilot prompt bar, three screenshots became a workflow breakdown, and one Pinterest motion typography reference became a full 25-second promo. Because every animation is built from my real screen recordings and screenshots, they look like the actual software, not AI slop.
Then I bring the 4K render into CapCut for a 5-minute finishing pass: chromatic edges, Radial Blur 2 on the corners, and sound design with whooshes, UI pops and line sounds. That's the part that makes AI motion graphics feel like a real motion designer made them.
Serious about CapCut editing? CapCut Lab has a full module on AI motion graphics: https://mattloui.com/?cl=B3HWC293
Want to know which of your YouTube videos actually make sales? Clickt tracks every sale back to the video that drove it, and you can start free with 3 tracked videos, no card needed: https://clickt.link (Full disclosure, I co-founded Clickt.)
What you need:
- Claude desktop app on a paid plan (I'm on Pro)
- Claude Code (a regular Claude chat won't work)
- Node.js, free from nodejs.org
- Remotion: paste npx create-video@latest into Claude Code and say yes to the AI skills
- CapCut desktop for the finishing pass
Watch next:
- Claude Edited My Entire CapCut Video: https://youtu.be/5N1moUCsVhI
- The Edit Pilot video from this tutorial: https://youtu.be/dFmBEfXfhfM
Chapters:
0:00 Motion graphics animated entirely by Claude
0:52 3 ways to prompt Claude for motion graphics
1:44 Setup: Claude app + a paid plan
2:17 Install Remotion (Node.js + Claude Code)
3:22 Way 1: Screen recording to motion graphic
3:56 The one prompt line that matters most
5:04 Way 2: Screenshots to motion graphic
5:55 Way 3: Reference video to a 25s promo
7:53 The formula behind every animation
8:15 Render in 4K and drop it into CapCut
8:52 CapCut trick: chromatic edges with a mask
9:47 CapCut trick: Radial Blur 2 on the corners
10:21 Sound design in CapCut (whoosh, UI, line)
13:37 Reverb, fades and volume
14:24 Add music + the final result
#motiongraphics #claudecode #capcut #remotion #aimotiongraphics #capcuttutorial #capcutpioneer #capcutworksmart
Get the full prompt kit (every prompt from this video): https://docs.google.com/document/d/1cnVw2cUQXnNARu9ta0-wepbVZyFUi3g7lPBnxPtDa2k/edit?usp=sharing
In this Claude Code motion graphics tutorial, I'll show you the three ways I prompt Claude: record it, screenshot it, or reference it. A quick screen recording became an animated CapCut Edit Pilot prompt bar, three screenshots became a workflow breakdown, and one Pinterest motion typography reference became a full 25-second promo. Because every animation is built from my real screen recordings and screenshots, they look like the actual software, not AI slop.
Then I bring the 4K render into CapCut for a 5-minute finishing pass: chromatic edges, Radial Blur 2 on the corners, and sound design with whooshes, UI pops and line sounds. That's the part that makes AI motion graphics feel like a real motion designer made them.
Serious about CapCut editing? CapCut Lab has a full module on AI motion graphics: https://mattloui.com/?cl=B3HWC293
Want to know which of your YouTube videos actually make sales? Clickt tracks every sale back to the video that drove it, and you can start free with 3 tracked videos, no card needed: https://clickt.link (Full disclosure, I co-founded Clickt.)
What you need:
- Claude desktop app on a paid plan (I'm on Pro)
- Claude Code (a regular Claude chat won't work)
- Node.js, free from nodejs.org
- Remotion: paste npx create-video@latest into Claude Code and say yes to the AI skills
- CapCut desktop for the finishing pass
Watch next:
- Claude Edited My Entire CapCut Video: https://youtu.be/5N1moUCsVhI
- The Edit Pilot video from this tutorial: https://youtu.be/dFmBEfXfhfM
Chapters:
0:00 Motion graphics animated entirely by Claude
0:52 3 ways to prompt Claude for motion graphics
1:44 Setup: Claude app + a paid plan
2:17 Install Remotion (Node.js + Claude Code)
3:22 Way 1: Screen recording to motion graphic
3:56 The one prompt line that matters most
5:04 Way 2: Screenshots to motion graphic
5:55 Way 3: Reference video to a 25s promo
7:53 The formula behind every animation
8:15 Render in 4K and drop it into CapCut
8:52 CapCut trick: chromatic edges with a mask
9:47 CapCut trick: Radial Blur 2 on the corners
10:21 Sound design in CapCut (whoosh, UI, line)
13:37 Reverb, fades and volume
14:24 Add music + the final result
#motiongraphics #claudecode #capcut #remotion #aimotiongraphics #capcuttutorial #capcutpioneer #capcutworksmart