Claude Opus 5.5 Motion Graphics: 132 of the Best Examples, and How to Make Your Own
By Ammar Ahamed, Founder, Cocoon · 15 October 2026 · Links checked 15 October 2026
THE SHORT ANSWER
Can Claude make videos? Yes, and since Claude Opus 5.5 arrived on 22 September 2026, very good ones. Claude does not generate footage. It writes the animation as code, a headless browser captures every frame, and ffmpeg stitches the frames into an MP4. Team and Enterprise users can do this inside the Claude app with Claude Motion. Everyone else can do it in Claude Code with a free plugin such as HyperFrames or Remotion.
ⓘAn independent roundup. Cocoon is not affiliated with Anthropic or any tool below, though we are a member of Anthropic’s
Claude Startups programme. We host none of these videos: every card loads the creator’s own post, and clicking it takes you to the original on X, LinkedIn, YouTube, Instagram or Threads. View and like counts are snapshots from 28 September to 12 October 2026.
What happened in launch week
Anthropic released Claude Opus 5.5 on 22 September 2026. Within three days, people had found something nobody expected from a language model: it was a genuinely good motion designer.
The spark was a single, almost throwaway prompt. Bitcoin podcaster Stephan Livera ran it on maximum effort on 25 September and posted the result, a 15-second showreel that has since passed two million views. The same prompt had appeared the day before in a side-by-side by @shneural, comparing Opus 5.5 against GPT-6 Astra. Here it is in full:
make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.
Then everyone tried it. 24fps.dev counts more than 130 public runs of that exact prompt. Within a fortnight people had moved on to launch films, product demos, explainers, data visualisations and ads, and Anthropic followed on 8 October with Claude Motion, a way to make these animations without leaving the Claude app.
Video platform Revid ranked the 64 most-liked launch-week videos and found the winners had three things in common: 59% opened on the finished result rather than a logo, 77% cut fast, and the median length was just 29 seconds.
The 132 best Claude motion graphics examples
We started from Revid’s 64, searched X, LinkedIn, YouTube, Instagram and Threads for more, then checked every link. We removed anything we could not confirm was made with Claude, including posts made with other video models and posts that have since been deleted. That left 130, and we added two more of our own, for 132. Use the filters to narrow by format or platform. Each card loads as you scroll; press a video to watch it, or click through to the original post.
Made at Cocoon
We have been making these ourselves since launch week. Our first test was a brand video for Cocoon, made with Opus 5.5 in about 40 minutes. Then came the launch film for Cocoon Kids on Children’s Day, and the caterpillar story behind Cocoon’s name on Instagram. Ammar also used it at Vector Agents, where he leads growth, to explain how Lilian, their digital SDR, works:
Want your marketing team making videos like these in-house? Cocoon’s AI for Creatives programme covers Claude, video tools and the briefing skills that make them work.
See AI for Creatives →Can Claude make videos? How it actually works
Claude cannot output an MP4 directly. What Opus 5.5 does extremely well is write a program that is the video. The pipeline behind almost every example above looks like this:
- The brief. You describe the video and, ideally, give it your brand, screenshots and a reference.
- The code. Claude writes a web page, usually HTML and CSS with an animation library like GSAP, or a canvas, or Three.js for 3D. The key is a function such as
draw(t) that paints the exact frame for any moment t.
- The capture. A headless Chrome browser, driven by Playwright or Puppeteer, calls that function for every frame and takes a screenshot. A 50-second video at 30 frames per second is 1,500 screenshots.
- The encode. ffmpeg stitches the frames into an MP4 and adds audio, which is either a supplied track or music synthesised in code.
Because each frame comes from a function of time, the render is deterministic. Change one line, re-render, and only that moment changes. That is why the best creators iterate in rounds of director’s notes rather than re-rolling from scratch, and it is the big difference from generative video tools, where every attempt is a new roll of the dice.
It also explains the limits. Code-rendered video is superb at typography, UI, charts, shapes and 3D geometry. It cannot produce photoreal people or real footage. For that you still need a generative model, which is why some creators pair Claude with tools like Higgsfield.
One caution about the word “one-shot”. Look behind the most viral “one prompt” videos and many came from long briefs. The team behind one widely shared film reported a brief of about 9,500 characters, roughly 12 hours of agent work, and two generations. The short showreel prompt is real, but polished client work takes a proper brief.
Claude Motion vs Claude Code: which should you use?
| Claude Motion | Claude Code + a plugin |
|---|
| Where | Inside the Claude app, as an artifact | Your terminal or the Claude desktop app |
|---|
| Who can use it | Team and Enterprise plans (beta). On by default for Team; Enterprise owners switch it on in settings. | Any plan with Claude Code |
|---|
| Output | Export to MP4, edit by asking or by hand | MP4, MOV, WebM or GIF, plus the source code |
|---|
| Hand-off | Opens in Adobe, Descript, HeyGen, Higgsfield, invideo, Luma AI and Runway; Canva and Captions announced as coming soon | Anything that accepts video; After Effects projects via Higgsfield |
|---|
| Best for | All-hands explainers, animated charts, onboarding walk-throughs | Launch films, showreels, ads, anything you want full control over |
|---|
More detail in our guide to Claude Dashboards and Claude Motion. Sources: Claude Help Center, Anthropic. Claude Motion was not listed for individual Pro or Max plans at the time of writing.
The best plugins and tools for Claude motion graphics
Opus 5.5 will happily build its own pipeline from scratch, and in testing it often does so even when a framework is installed. If you want it to use one, ask for it by name. These are the tools the creators above relied on most.
1. HyperFrames (free, from HeyGen)
An open-source, Apache-licensed framework whose tagline is simply “Write HTML. Render video.” Scenes are HTML with timing attributes, animated with GSAP, CSS, Lottie or Three.js, and rendered through headless Chrome and FFmpeg. It ships as a Claude Code plugin with a set of agent skills, and it was the single most common tool in our gallery. It needs Node 22 or later and FFmpeg.
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes
GitHub · Quickstart
2. Remotion (React video, official Claude plugin)
The established framework for making videos with React, now with official agent skills and a Claude Code plugin. Choose it if your team already works in React or you want reusable, data-driven templates. Mind the licence: it is free for individuals and companies of up to three people, and larger companies need a paid company licence.
claude plugin marketplace add remotion-dev/claude-code-plugin
claude plugin install remotion@remotion
Plugin docs · Licence FAQ
3. Higgsfield MCP (editable After Effects and Blender files)
The bridge to professional tools. Higgsfield’s connector adds generative image and video models, plus skills that produce editable After Effects projects and Blender scenes, so a motion designer can take Claude’s draft and finish it by hand. It needs a paid Higgsfield plan. In the Claude app, add it as a custom connector using https://mcp.higgsfield.ai/mcp.
Higgsfield MCP
4. The supporting cast
| Tool | What it adds |
|---|
| Playwright | Drives the browser. Also useful for grabbing real screenshots of your product so Claude stops inventing UI. |
|---|
| ffmpeg | Encodes frames, mixes audio, and makes contact sheets so Claude can review its own frames. |
|---|
| ElevenLabs MCP | Voiceover, sound effects and music. |
|---|
| Tesseract | A local creative suite for agents, with keyframes, compositions and video editing. |
|---|
| motion-use | Checks the finished MP4 automatically for overlapping text, loudness and platform safe zones. |
|---|
| video-use | Edits real footage with Claude Code: cuts filler words, grades colour, adds subtitles and motion overlays. |
|---|
| GSAP | The animation library most of these pipelines use. Free, including all its plugins. |
|---|
How to make your first motion graphics video with Claude, step by step
This is the quick version. For every route in detail, with exact commands, brief templates, audio and export settings, read our complete guide to making videos with Claude Opus 5.5.
- Pick your route. On a Team or Enterprise plan, open a chat and choose Motion as the output. Otherwise, install Claude Code and one plugin from above. If unsure, start with HyperFrames.
- Gather your assets. Logo, brand colours, fonts, product screenshots and the key message. Claude invents whatever you leave out.
- Choose one or two references. Find a video whose style you like, from the gallery above or a site like whatships.com, and name it. Without a reference, Opus falls back to centred text on a gradient.
- Ask for three storyboards. Give Claude the brief, the assets and the reference, and ask for three short storyboards with a beat-by-beat shot list. Pick one.
- Approve one still per scene. Ask it to render a single frame from each scene before animating anything. Fixing a storyboard costs far less than fixing a render.
- Render the first cut. For a new film, set effort to xhigh. Ask it to make a contact sheet of the frames and critique its own work before showing you.
- Give director’s notes. Talk like a director, not a client: “slow every zoom to 0.7x”, “hold the logo for one more beat”, “cut on the kick drum”.
- Export each format separately. Ask for 16:9, 1:1 and 9:16 as separate layouts rather than cropping one render.
Prompts that work
Start with the showreel prompt above to see what the model can do. Then use structured briefs like these, with your own details filled in.
A product launch film
Make a 30-second launch film for [product], 16:9, 1080p, 30fps.
Audience: [who]. One message: [the single idea].
Style reference: [link or description of a specific video].
Brand: colours [hex codes], font [name], logo attached. Use the real
product screenshots attached; never redraw the product UI.
Structure: open on the finished result, 3 feature beats of about 5s
each, end on the logo and [URL] for 3s.
Something should happen every 2 to 4 seconds. Cut on a 120 BPM grid.
Before animating, give me 3 storyboards and one still per scene.
An explainer
Turn the attached [article / PDF / notes] into a 60-second animated
explainer for [audience]. Max 6 scenes, one idea per scene, on-screen
text under 8 words per line. Use diagrams and data, not stock-style
icons. Keep it on brand: [colours, font]. Add a calm synthesised music
bed at -14 LUFS. Show me a contact sheet before the final render.
A revision pass
Make these changes only and re-render:
1. Scene 2: slow the zoom to 0.7x and hold the end frame for 0.5s.
2. Scene 4: the headline overlaps the chart; give it its own entrance.
3. Replace the generic icon in scene 5 with the attached logo.
Then make a contact sheet at 2fps and check for clipped or
overlapping text before you show me.
Effort, time and cost
Opus 5.5 defaults to medium effort. Creators broadly recommend medium for fixes, xhigh for new films, and reserving max for flagship pieces, since tests suggest max costs far more without reliably better results. Here is what people reported:
- About $3 and 18 minutes of agent time for a 60-second, 1080p60 reel with music synthesised in code (HELDER).
- 11% of a session limit for a first render and 18% after a revision pass, on a subscription (No Code MBA).
- Up to 12 hours of agent work for the most ambitious, long-brief films.
On a Claude subscription you are paying through your usage limits, not per video. On the API, cost depends on effort and how many revision rounds you run.
Common mistakes and how to fix them
| Problem | Fix |
|---|
| Everything looks the same: centred text, gradient, particle bursts | Give a specific reference video and ask Claude to write a style guide first. List the clichés you do not want. |
|---|
| Dead air or cramped pacing | Put the shot list on a beat grid and require a change every 2 to 4 seconds. |
|---|
| Flicker or frames that change between renders | Ban random numbers, timers and CSS transitions; every frame must be a pure function of time. |
|---|
| Text overlaps or runs off the frame | Ask for a contact sheet and two or three rounds of self-critique before you review. |
|---|
| Wrong or fallback fonts | Tell it to wait for fonts to load before capturing, and supply the font files. |
|---|
| Invented logos and product UI | Attach real assets, or have Playwright screenshot your live site. |
|---|
| Bad vertical crops | Render each aspect ratio as its own layout and respect the platform’s safe zones. |
|---|
What this means for marketers and motion designers
For marketing teams, the cost of a decent launch video just fell from a freelancer’s week to an afternoon. That changes what is worth animating: the product update nobody would have budgeted a video for, the chart in the board deck, the onboarding step customers keep getting wrong.
It does not make taste optional. Look across the 132 videos and the difference between forgettable and remarkable is almost never the model. It is the brief, the reference, the assets and the patience to give good notes. Those are skills, and they are exactly the ones motion designers already have. The designers who learn to direct Claude, then finish the work in After Effects through tools like Higgsfield, will get through far more work than before.
Our advice to teams: pick one recurring video you never have time for, make it with Claude this month, and write down what your brief was missing. That document becomes your house style.
Frequently asked questions
Can Claude make videos?
Yes. Claude Opus 5.5 writes animation code that is rendered frame by frame into an MP4. It is excellent for motion graphics, typography, UI and data, but it does not generate photoreal footage of people.
What is Claude Motion and who can use it?
Claude Motion is a beta artifact type, launched on 8 October 2026, that turns your text, charts and images into animations inside the Claude app, exportable to MP4. It is available on Team and Enterprise plans.
What prompt made the viral Claude showreels?
“make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it’s your showreel for a résumé. go all out.” Stephan Livera’s run made it famous; it first appeared in a side-by-side by @shneural.
Do I need After Effects or coding skills?
No. Claude writes and runs the code. You need to describe what you want clearly and review the output. If you want to finish a video by hand, the Higgsfield MCP can produce editable After Effects files.
HyperFrames or Remotion: which should I use with Claude Code?
HyperFrames if you want the quickest start with plain HTML and GSAP and no licence fees. Remotion if your team works in React or you need reusable, data-driven templates, bearing in mind its company licence for teams of four or more.
How much does a Claude motion graphics video cost?
One creator reported about $3 in API costs for a polished 60-second reel. On a subscription it uses your normal usage limits, often a tenth or more of a session for one render.
Why do my Claude videos all look the same?
Without a reference, Opus falls back to safe defaults like centred text on a gradient. Give it a specific video to match, your real brand assets, and a list of clichés to avoid.
Sources
- Anthropic. Claude Opus 5.5.
- Anthropic. Dashboards and Motion.
- Claude Help Center. Get started with Claude Motion.
- Revid. Claude Opus 5.5 motion graphics, ranked.
- 24fps.dev. The showreel prompt.
- HeyGen. HyperFrames on GitHub.
- Remotion. Claude Code plugin and licence FAQ.
- Higgsfield. Higgsfield MCP.
- @rexan_wong. How the one-prompt videos are really made.
- OrcaRouter. The plan behind a “one-shot” video.
- No Code MBA. Claude Opus 5.5 motion graphics.
- HELDER. Claude Opus 5.5 motion graphics.
- Ray Fu. Build a motion design studio with Opus 5.5.
- Every example in the gallery links to its creator’s original post. All videos belong to their creators.
The model will change next quarter. Knowing how to brief, direct and check it will not. Cocoon trains marketers, creatives and whole teams to make real work with AI.
Explore AI for Creatives →
