Motion design articles and tutorials about Claude Stay curious.
Move forward.

Opus 5.5 Motion Graphics: What 39 Review Notes Taught Us

A production team shares the revisions behind two client films, and explains where coded motion still needs a designer’s judgement.

Claude Fable 5.5 Coded These Animations (vs Astra, Gemini & Opus 5.5)

Eight-minute compilation of animations written entirely in code by Claude Fable 5.5: Three.js 3D scenes, a 2D anime short, HTML5 Canvas pieces with procedural Web Audio, a car configurator, a voxel village and an ocean shader. Some clips are set side by side with GPT-6 Astra, Claude Opus 5.5 and Gemini 4 on the same prompts, including the pelican-on-a-bicycle benchmark.

Claude Opus 5.5 Makes Studio-Level Motion Design and Turns It Into Steady Income

A beginner path from a first animation in claude.ai to MP4s rendered with Remotion or HyperFrames in Claude Code, website animation with Anthropic's frontend-design and GSAP's skills, a CLAUDE.md rules file, seven prompt rules (springs, box before text, tabular numbers), key-frame and contact-sheet checks, three aspect ratios and pricing for client work.

Goal

Beginner

Route

Chat, Remotion, HyperFrames or GSAP

Plan

Any Claude plan for the chat start; Claude Code for MP4 rendering

Disclosure No product of the author's is sold in the article. Its last section is advice on selling animation work, with price ranges taken from a third-party blog; the author calls them a starting point, not a guarantee of income.

how to make viral videos with Claude Code for $0 (full guide)

Ten free formats that run in Claude Code: the author's rebuilds of a 3D cut-open backyard, a stickman survival story and a lecture reel, then seven by others, including twoclipping's UI motion reel, kelanoo's what-if cartoons, cth9191/animate, lemo-opuscar's film styles, motion-prompt's samples and an archive.org b-roll line, with what each needs and costs.

Goal

Route chooser

Route

Claude Code + free prompts and skills

Plan

A Claude plan with Claude Code; one format uses the free ElevenLabs plan for its voice

Disclosure The author's own three guides link to github.com/Theoxmotion repositories that returned 404 on 2026-11-05; the seven other resources were reachable. The author rated only their own three formats, with a Claude rater, and did not run the other seven.

How I Turn Any Machine Into a 3D Simulator You Can Take Apart

Nine steps with the author's teardown skill: pick a machine with one moving input and find one reference image, build the model so every gauge reads one function, add a console that charts the moving part, check stills like a critic, test on an integrated GPU, record a seeked tour with sound, and keep the page under 1 MB so X shows the link card.

Goal

3D & Blender

Route

teardown skill (Claude Code)

Plan

Claude Code on any plan that includes it; the author ran Opus 5.5

Disclosure Maker's own project: the MIT-licensed teardown skill (elvarofficial/teardown), built on whaleyxbt/claude-motion. The machines also run on the author's site, visual-learning.app.

How to Build a 3D Animated Website with Opus 5.5 (Full Guide)

Step-by-step account of building a scroll-driven 3D landing page from one illustration with Opus 5.5 in Claude Code in two messages. Opus split the page into AI video for the character, generated on a flat magenta background and keyed out, one three.js object, and scroll-pinned frame sequences. Includes both prompts, the video shot-list prompt, clip costs and a self-check step.

Goal

Animated websites

Route

Claude Code (Opus 5.5) + Higgsfield API + three.js

I asked Opus 5.5 to make my app's city feel alive, and it came up with fun stuff I'd never have thought of making myself!

A Mac app maker asked Opus 5.5 to add life to a pixel city built from the user's disk. Lessons: keep the world's rules in CLAUDE.md, ask for a day of timed events rather than animations, give each event a caption, and let the model check rendered frames with a pinned clock and weather. Includes the short prompt pattern used.

Disclosure Promotes the author's own app, DiskCity; art was generated with another image model and cleaned by hand.

How I make motion videos with Claude Opus 5.5 (the full setup, prompts and numbers)

One HTML file where every frame is a function of time, captured by Playwright and encoded with ffmpeg. Steps: set up the rig, load your real site instead of redrawn UI, swap adjectives for numbers, ban defaults by name, review stills and contact sheets, score sound, export for X. Ends with a hype check and other routes such as Blender.

Goal

Launch & product film

Route

No framework (seek(t))

Disclosure Maker's own product: the example film is for the author's app, Slabwatch.

Make a video with Claude Code and HyperFrames: one real run, step by step

Logs one run on 23 October: Claude Code with Opus 5.5 at high effort and HyperFrames CLI 0.8.188 make a 30.6-second narrated explainer. Steps: install skills, scaffold, write brief and script, add an edge-tts voice and Mixkit music, build scenes, loop on hyperframes check, review contact sheets, render. Each error and timing is recorded.

Goal

Explainer

Route

HyperFrames

Plan

Claude Code (Pro, Max, Team, Enterprise or API)

How to Build a Motion Design Studio with Claude Opus 5.5

A free lab notebook of about 17,000 words that builds on Florence's (@flxrnc) X Article, credited on the page. It prints every prompt and follow-up for three showcase pieces, and sets up a seek(t) render contract and render.mjs on Mac or Windows, a CLAUDE.md of house motion rules, three example SKILL.md files and a motion style guide.

Goal

Directing & workflow

Route

No framework (seek(t))

My New AI Obsession Is Animated Video. Here's What I've Made With Claude So Far.

The author shows five animated videos he built with Claude on Opus 5.5, including a sales video, a newsletter-to-video piece and an unofficial launch video, using a custom video-builder skill that interviews him and plans scenes before building, plus ElevenLabs narration. He describes revising weak first drafts, plan usage limits, and a MotionFeed gallery of community videos with prompts.

Disclosure Sells consulting and a paid mastermind/live session promoted in the post; the Wispr Flow video is stated to be an unpaid, unofficial fan video

Motion Engineering: One Bot, Five Departments, an Entire Studio

Proposes running one Claude Opus 5.5 agent in Claude Code as a small motion studio with five stages: director, art director, animator, render engineer and critic. Sets up Remotion and FFmpeg, uses brief and style files, still renders and a critic review loop, then packages the process as a reusable skill with a master prompt. Template guidance; no finished film is shown.

Goal

Product launch videos

Route

Claude Code (Opus 5.5) + Remotion + FFmpeg

Disclosure Links to the author's Substack.

Tested Sonnet 5.5 to draft an ad before scaling it with Opus 5.5, and it actually cooked

A developer used Sonnet 5.5 to draft a product ad as a test before a planned Opus 5.5 version. The draft opened on a deliberately dull scene before the polished product, and looked finished, but left out three modes and key features despite a full feature list. The post includes the long structured brief, with render, audio and verification requirements.

Disclosure The ad is for the author's own unreleased software.

How to Make Videos with Claude Opus 5.5: The Complete Guide (2026)

A route chooser with install steps for four options: Claude Motion (Team and Enterprise), Claude Code with HyperFrames (its pick), Claude Code with Remotion, and a pipeline with no framework. Then three brief templates, storyboard and stills before notes, voice, music and captions, export settings per platform, cost and troubleshooting.

Goal

Route chooser

Route

All four routes

Plan

Claude Motion: Team or Enterprise. Claude Code: Pro, Max, Team, Enterprise or Console (per the page)

Disclosure Vendor blog: Cocoon runs an AI for Creatives training programme, promoted on the page, and the guide is by its founder. Cocoon says it is a member of Anthropic's Claude Startups programme.

Make Animated Videos With Claude Opus 5.5

A short how-to for making animated videos with Claude Opus 5.5: pick a prompt from a free GitHub collection of prompts behind viral clips, run it in Claude or Claude Code, remix it with your own subject, colors and text, then screen-record the HTML or ask Claude Code to export frames to a 30fps MP4. Includes render and remix instruction blocks.

Goal

Explainer videos

Route

awesome-opus5-5-videos prompt repo + Claude Opus 5.5 + browser + screen recording or Claude Code MP4 export

Claude Opus 5.5 做视频动手篇：搭一条 seek(t) 渲染管线，实测做出一条 16 秒的片子

In Chinese. Builds a seek(t) render pipeline with runnable code: install ffmpeg, Playwright and Python audio tools, write time-only springs, a render.mjs with subframe motion blur, synthesised or beat-measured music, a mix aimed at -14 LUFS and QA images, then have Claude Code make a 16-second film in it. Credits @0xMovez's article as the method's source.

Goal

Render pipeline

Route

No framework (seek(t))

Language

Chinese

Disclosure The test run reached Opus 5.5 through an unnamed third-party API relay, not Anthropic directly, and its costs are Claude Code's estimates at official prices. The site also publishes rankings of such relays.

Opus génère ma vidéo de motion design en 20 minutes

TechTown's CTO had Claude Code on Opus 5.5 build a 21-second motion design showreel for the company's Claude Code training. The agent loaded a brand skill, drew the animation in Canvas, synthesized the soundtrack in Node, and rendered frames with headless Chrome and ffmpeg. A factual error was fixed by re-rendering three seconds; the author concludes human fact-checking is still needed.

Disclosure Author works for TechTown; the video and article promote TechTown's own training courses.

I had Claude make a bubblegum pop music video about it taking my job

A software engineer wrote rough lyrics, had Claude polish them, generated the song in Suno over about twenty tries, then had Opus 5.5 build the video in Remotion. Opus could not get word timings or beats right, so it built a small app for adjusting them by hand. Two days of direction were needed; the takeaway is that polish, not code, took the effort.

Disclosure Music generated with Suno.

How Claude Opus 5.5 Made a Stop-Motion Docker Explainer in 38 Minutes

First-hand account of one Claude Code run in which Opus 5.5 made a 57-second paper stop-motion explainer about Docker, drawing frames on an HTML canvas and handling script, narration, music, sound effects, mix, Puppeteer render and review. Reports cost, verification steps, two factual errors a second model caught, and the risk of putting an API key in a prompt.

Disclosure Personal blog that advertises the author's consulting services.

Motion Engineering with Opus 5.5: Build Launch Videos You Can Sell

A Remotion workflow for a 20-second product clip: write each shot as frame-numbered events, keep copy and timing in BRIEF.md, drive motion from useCurrentFrame() and springs, review three stills, send four-field edit notes, put sounds on event frames and check the export with ffprobe. It ends by packaging a 'Launch Clip' service; the $150 price is the author's illustrative figure.

Goal

Launch & product film

Route

Remotion

Motion Design With Opus 5.5: Specify the Curve, Not the Adjective

Argues the model needs numbers, not adjectives. Pick a seekable target such as GSAP or Remotion, write a ten-field brief with absolute beat times, keep easing curves and spring values in the system prompt, render with a faked clock into a labelled contact sheet, then run five prompts, repeating critique, repair and reduced-motion passes each cycle.

Goal

Directing & workflow

Route

GSAP or Remotion

How I Used Opus 5.5 To Build a Website Promoting my Country

The author describes building GhanaNice, a plain HTML/CSS/JS guide to places in Ghana, by vibe coding first in Codex and then mostly with Claude Opus 5.5 in Claude Code. Motion touches include a map that spins through scenes on load, a looping video and a WebGL water footer; Opus fixed a stuttering intro animation by recording it frame by frame and finding the flashing image.

Disclosure The site promoted is the author's own project.

How to Render a Motion Graphics Video with Claude Opus 5.5: Prompt, Frame Renderer, ffmpeg and Real Cost - DEV Community

How I Made SideShift $3M Using Opus 5.5

A /motion-launch SKILL.md skeleton and a four-phase, 15-agent playbook: research (brief, real brand assets, references, style guide), story (hooks, script, storyboard, state list on a beat grid), build (type, springs, transitions, sound, voice) and polish (contact-sheet critique to 8/10, then export in each format).

Goal

Launch & product film

Route

No framework (seek(t))

Plan

Claude Code

Disclosure The author sells this as a service ('DM me'). The $3M pipeline, view counts and '$100,000' video value are his claims, and he says the client was not told.