Written tutorials for making motion with Claude

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.

How to Make Animated Short Videos to 10X Your App Revenue

How to use the author's free Shorts Animator skill: unzip it, open it in Claude Code or Codex and type hi to install it and render a test, then give it a story and describe the look. The author says it paints each frame, voices the text, times captions to words and adds music. The revenue claim is the author's.

Goal

Painted & art-style shorts

Route

Shorts Animator skill (Claude Code or Codex)

Plan

Claude Code (paid Claude plan) or Codex (ChatGPT plan), per the download page

Disclosure Maker's own product: Shorts Animator, a free zip sent by email. No public source or licence found (checked 2026-10-27). Unreviewed: typing hi installs it and runs code on your machine. The download page lists Node.js 22+, ffmpeg and Chrome.

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))

La guía que prometí en el video: cómo lo hice 100% con IA (Claude + Remotion)

In Spanish. A from-zero path: install VS Code, Node, the Claude Code extension and a Remotion project with its skills, write a CLAUDE.md with palette, fonts and rules, script scene by scene, clone your voice in ElevenLabs, transcribe each clip for word timings, build one scene at a time, review in Remotion Studio and render.

Goal

Beginner

Route

Remotion

Plan

Paid Claude plan (Pro, Max or higher) and an ElevenLabs account

Language

Spanish

Make a 3D Animation With Claude and Blender, All in Code

A short Blender route: check blender, ffmpeg and numpy, then paste one prompt that has Claude write an HTML interface, a bpy scene script with squash-and-stretch hops, numpy-synthesised audio and a run script. Blender renders headless and FFmpeg joins frames and sound. It mentions blender-mcp for live work and warns it runs without authentication.

Goal

3D & Blender

Route

Blender

Plan

Claude Code on a paid plan, or Claude.ai if you run the scripts yourself

How to Make Motion Graphics in Any Style With Claude Code and fal.ai

A cut-out collage method: lock a reference style once, generate each scene as separate transparent layers on fal.ai, plan scenes as layer stacks, have Claude Code animate them in Remotion, then add voice, music and sound. The art comes from an image model; the motion is code written by Claude. It lists where the method breaks.

Goal

Painted & art-style shorts

Route

Remotion + fal.ai images

Plan

Claude Code and a fal.ai API key

Disclosure Maker's own product: the free, MIT-licensed style-motion skill is Artimind's. Images are billed per call on fal.ai (about $0.04 each on the page, checked 2026-10-27).

Prompt Motion Claude: 18 Briefs, One Measured Render and Every Fix It Needed

How to brief Claude Motion: ask for a storyboard table first, then control timing, easing and beat sync, with 18 copyable briefs for explainers, walkthroughs and social clips, plus one-change fix prompts. The author's account lacked Motion, so his measured 10-second test ran on the code route, with two layout bugs and their fixes.

Goal

Claude Motion

Route

Claude Motion (Team/Enterprise)

Plan

Team or Enterprise for Claude Motion

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.

How to make motion graphics videos with Claude Code

An eight-step director workflow with the MIT-licensed cinetic skill and Remotion: set up, brief in one message, approve the treatment, give a script with bracketed scene notes, review stills and contact sheets instead of whole videos, get a fresh subagent's critique, add sound, render a preview before the master, and save a playbook.

Goal

Directing & workflow

Route

Remotion + cinetic skill

Disclosure Vendor blog: interpt offers help with videos like this and with getting AI-built software into production; the page ends with an offer of its free technical diagnostic.

Motion.

Covers who gets what (Dashboards on Pro, Max, Team and Enterprise; Motion only on Team and Enterprise), the capability switch to check, typing /motion with copyable prompts, fixing a first 15-second result, commenting on a dashboard chart to animate it, and driving Motion from Claude Code with your own files.

Goal

Claude Motion

Route

Claude Motion (Team/Enterprise)

Plan

Motion: Team or Enterprise. Dashboards: Pro, Max, Team or Enterprise (per the page)

Disclosure Paid: ends with a pitch for the author's paid How to AI subscription ($200 a year or $17 a month on the page, checked 2026-10-27). He writes that he is "not paid by Claude to write this".

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.

How to Build an Automated Motion Design System that Generates $$$

Designs a production system around Claude Code: a campaign file with checks on client claims and assets, a seek(t) Canvas demo rendered with Playwright and FFmpeg, reusable Remotion templates, a five-pass review with contact sheets, and one timeline exported as 18 variants (3 hooks, 3 formats, 2 CTAs), packaged as a skill. The $750 offer is the author's hypothetical.

Goal

Directing & workflow

Route

Remotion + seek(t) Canvas

Disclosure Related: the Synapse Kit site (synapse-kit.vercel.app), a motion-tool directory, links to @e1genqq as its X account. The article does not mention it.

Making a 30-second app promo in code with Claude Code and Remotion

A case study of a 30-second promo: a nine-step Claude Code skill with seven approval gates, a brief that checks every claim against the app's code, audio first on a beat-based timeline, real app components instead of mockups, seven AI-critic rounds and a phone check. Covers three bugs worth knowing; the author reports about 14 hours.

Goal

Launch & product film

Route

Remotion

Disclosure Maker's own products: the promo is for the author's app, Habitmon, and the skill and critic are in his MIT-licensed claude-video-studio repo.

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 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.

How to Use Opus 5.5 to Edit in After Effects

Shows how to install and use the author's After Effects extension, AE Motion Copilot, with Claude Desktop or ChatGPT desktop: run a one-line installer, unlock one project in the panel, write a brief and pin styles, then let the AI run a job that renders frames to check its own work, with Stop and Undo if it goes wrong.

Goal

Directing & workflow

Route

After Effects + AE Motion Copilot

Plan

After Effects 2022 or newer; Claude Desktop or ChatGPT desktop

Disclosure Maker's own product: AE Motion Copilot, installed with a one-line script. Unreviewed: installing it runs code on your machine.

Claude's 104 product demos: two clocks, a phoneme-timed mouth and one ffmpeg join

Reverse-engineers a batch of 104 Claude-made product demos and compares it with the site's own film engine. Covers recording tool runs with Playwright, drawing the cursor from logs, using Kokoro's phoneme timings for word budgets and lip sync, painting every frame from t, a seeded score, the ffmpeg join, and a contact-sheet gate before the batch.

Goal

Render pipeline

Route

No framework (Playwright + Kokoro + ffmpeg)

How to Make an Animated Website With Claude Code (2026)

A section-by-section build of an animated site: pick a reference, scaffold Vite with GSAP and Lenis, paste a structured brief, build one section at a time, extract hero frames with FFmpeg for a pinned canvas sequence, fix mobile and performance, and run a launch checklist. Also covers common Claude Code mistakes.

Goal

Animated websites

Route

GSAP + Lenis

Disclosure Vendor guide: published by ScrollHaus (disclosed on the page) and written by its founder; the examples are ScrollHaus sites, and it ends by pointing to ScrollHaus's ready-made scroll sites.

How to Get Money for Creating Motion Design with Opus 5.5 & Fable 5.5 (From Scratch)

Part one builds a 15-second SaaS concept demo in Remotion: install, a four-beat storyboard, springs, sound, then a vertical cut and a portfolio caption. Part two uses Viktor, the paid partner, to find buyers and price offers. It says the same works with Fable 5.5, which Anthropic has not announced (checked 2026-10-27).

Goal

Launch & product film

Route

Remotion

Plan

Claude Code with Opus 5.5 access

Disclosure Paid partnership with Viktor, labelled at the end with a referral link; the sales half is built on Viktor.

Make motion graphics with Claude Code, without After Effects

A beginner HyperFrames path: install Claude Code and the HyperFrames plugin, write the script and make an ElevenLabs voiceover first, start the project with --audio so word timings drive the scenes, describe the look in plain words, revise by asking, add music, and render vertical and horizontal versions of a 55-second video.

Goal

Explainer

Route

HyperFrames

Plan

Paid Claude plan (Pro, Max, Team or Enterprise) or a Console account

Disclosure Vendor guide: ends with a pitch for Fynl.io, the publisher's paid small-business portal ($49 a month per business on the page, checked 2026-10-27).

I Sent Claude One Link and He Built a 44-Second 3D Film

A case study of a 44-second 3D film made in Remotion and three.js from one X link: Claude studied the reference as still grids, scripted to a 120 BPM grid, wrote the music in Python, split work across builder and checker agents, and checked every cut. Covers a black-frame bug and overwritten files. The $187 figure is the author's.

Goal

3D & Blender

Route

Remotion + three.js

Plan

The author's $200-a-month Claude plan

Claude Code + Remotion for Motion Graphics: What It's Great At, and What It Actually Takes

Eight steps for putting one motion graphic on a talking-head video with Claude Code and Remotion: set up the project, bring in the clip, get word-level timestamps, convert milliseconds to frames, place the graphic clear of the speaker, make it look designed, iterate on stills, and render.

Goal

Talking-head overlays

Route

Remotion

Disclosure Vendor blog: Rescroll makes an AI motion-graphics product for talking-head videos and pitches it at the end.

100+ Copy-Paste Prompts To Create Videos With Opus 5.5

Five copy-paste prompts with filled-in example brands and the videos they made, then six habits from a week of tests: give a second-by-second timeline, use hex codes, ban linear motion, fix one thing per message, save brand settings, and build long videos in scenes. The cost comparison with hiring a designer is the author's.

Goal

Beginner

Route

No framework (prompts)

Disclosure Paid: the full 100+ prompt library is for paid AI in Public subscribers; the free article has five prompts. It also points readers to ClaudeKit (theclaudekit.com).

Some content may require a subscription

How I Build $10K-Level 3D Websites in Minutes with Opus 5.5

A 3D scroll-site route: set up the Claude desktop Code tab with Opus 5.5 at max effort, connect the Higgsfield MCP, decide concept, look, a 5-7 beat scroll story and an approved asset list, let Claude generate video and cut it into scroll frames, then review as a stranger and polish on seven points. The '$10K-level' framing is the author's.

Goal

Animated websites

Route

Claude Code + Higgsfield MCP

Plan

Paid Claude plan and a paid Higgsfield plan

Disclosure Paid: needs a paid Higgsfield plan, and every image and video spends Higgsfield credits. The visuals come from Higgsfield's image and video models; Claude writes the site.

Comment faire une vidéo de motion design à 5000€ avec Claude Opus 5.5

In French. Lists what you need (Claude Code with Opus 5.5, Remotion, ElevenLabs v4, interface screenshots, music and three reference videos), five rules (voice first, references not adjectives, name the viewer, pick the voice by ear, keep the prompt clear) and a full fill-in prompt for a SaaS film. The €5,000 framing is the author's.

Goal

Launch & product film

Route

Remotion

Plan

Claude Code on the €100 or €200 monthly plans and ElevenLabs Starter (the author's advice)

Language

French

Disclosure Maker's own product: the example film is for the author's SEO software, Sorank, and the article ends with an ad for it with a promo code.

Kurgu programı yok: Opus 5.5 ve Remotion ile video kurgusu, adım adım

In Turkish. Edits talking-head reels with Claude Code and Remotion: install, give the agent a project folder with footage, references, music and a CLAUDE.md of rules, add a word list so Whisper spells names right, record screens with Playwright, draw graphics in Remotion, check stills before rendering, and give plain-language notes.

Goal

Talking-head overlays

Route

Remotion

Language

Turkish

Motion Design with Opus 5.5: how to build a render studio in 11 Steps (Full-course)

Eleven steps from the viral one-sentence prompt to a repeatable pipeline: seek(t) HTML rendered by a headless browser and ffmpeg, house rules, brand assets, a reference frame, a state-list spec, summed closed-form springs, sound on the beat grid, contact-sheet critique, a long brief, and every format from one timeline packaged as a skill.

Goal

Directing & workflow

Route

No framework (seek(t))

Motion Engineering: Build a Video Studio Around Opus 5.5

A ten-step studio around the model: write a director's brief, give an inspectable reference, turn the story into states and beats, choose a seekable renderer (Canvas, Remotion or HyperFrames), give motion weight, put sound on the same timeline, review contact sheets, export variants from the source, keep decisions in files, and gate long runs.

Goal

Directing & workflow

Route

Any seekable renderer

Claude Opus 5.5 是怎么做出视频的

In Chinese. Explains how Opus 5.5 videos are made in five steps: script and storyboard, drawing with HTML, SVG, three.js or p5.js, a GSAP or Remotion timeline, voiceover timestamps as the clock, and headless capture joined by FFmpeg. Also covers determinism rules, HyperFrames versus Remotion, checking stills, and limits compared with video models.

Goal

Render pipeline

Route

Overview (HyperFrames, Remotion, Canvas)

Language

Chinese

How to Create a Product Video With Opus 5.5 (Prompt Included)

A 12-second, 720-frame square product sting made, the author says, in about 40 minutes with Claude Code, one seek(frame) HTML page, Playwright, ffmpeg and numpy sound. Steps: pick the story, direct by frame in one long prompt, lock the brand, check four stills, cut to the music drop, render. Includes the prompt and a checklist.

Goal

Launch & product film

Route

No framework (seek(t))

Disclosure Maker's own product: the example film promotes the publisher's own brand, Mean CEO.

Opus 5.5 Motion Lab: Make Claude Animate Like a Studio

A lab notebook with every prompt and follow-up for three pieces. Covers setup with no install in the Claude app or with Claude Code and a render.mjs, the anatomy of a directed prompt, a cheat sheet of motion numbers, a render-look-fix loop, an engine picker (HTML, Remotion, HyperFrames, GSAP, Three.js), and sound, loops and export for X.

Goal

Directing & workflow

Route

HTML + render.mjs (Claude app or Claude Code)

How to Create Motion Design Videos with Claude Opus 5.5 (full guide)

Reviews ten creator builds, then gives a first-test Remotion route from an empty folder: 15-30 seconds of audio, a beat sheet, shot list, three keyframes and an asset list approved before any animation code, then render and verify the MP4. Also compares Remotion, Three.js, Canvas, After Effects and FFmpeg, and covers audio, style drift and cost.

Goal

Route chooser

Route

Remotion (others compared)

How I Make $10K Launch Videos for $0 with Opus 5.5 (Full Course)

Six steps for a launch film made with seek(t) HTML, Playwright and ffmpeg in Claude Code: start from a reference video, paste a studio prompt, gather free music, sound, footage and fonts, use the author's example prompts, apply seven rules for expensive-looking motion, then give director's notes over two or three rounds. The pricing in the title is the author's.

Goal

Launch & product film

Route

No framework (seek(t))

Disclosure Ends with a pitch for the author's creator-distribution platform (affiliatenetwork.com).

How to Make Product Launch Videos With Opus 5.5 (Full Guide)

A '5-file studio' run on a made-up invoicing app: a seek(t) smoke test, CLAUDE.md rules, a LOOK.md style card, a measured sound kit, five scenes built as separate clips (hook, demo, morph, proof, loop end), contact-sheet and pop-scan checks, and a skill for next time. Per-step costs are the author's; the joined film was still marked as rendering.

Goal

Launch & product film

Route

No framework (seek(t))

Plan

Claude Code; the author says Pro or Max usage covers it

how to motionmaxx with opus 5.5 (complete course)

A reference-remake workflow: have Claude measure a reference video frame by frame into SPEC.md, split what stays from what changes, add measured motion rules, approve five stills before the full render, get a fresh session's critique, put sound on the hit frames, and split long films across sessions.

Goal

Directing & workflow

Route

Claude Code (reference remake)

Disclosure Maker's own product: ends with a pitch for Frame by Frame, the author's packaged system and Claude Code skill (first group capped at 50).

i made 10+ motion videos with opus 5.5 in 3 days. here's the whole pipeline (open source)

The author's pipeline: one seek(t) HTML file captured by headless Chromium, a beat map, four stills before the full render, summed closed-form springs, motion blur from eight subframes averaged in ffmpeg, drops found by measuring bass energy, sound effects placed on their peaks, and a scored contact-sheet critique. Packaged as a Claude Code skill.

Goal

Render pipeline

Route

No framework (seek(t))

Disclosure Maker's own products: the MIT-licensed claude-motion-design skill (howseen-ai) and the author's SaaS, Howseen, plugged at the end.

Claude Opus 5.5 = your motion designer

Test the viral one-line prompt in Claude Code, install a video skill and the author's free 13-skill pack, build from one line, then write MOTION.md from five reference frames and make CLAUDE.md read it first. Also covers designer-style notes, an apple-design skill audit, and using 21st.dev components as structural donors.

Goal

Directing & workflow

Route

Claude Code + skills

Plan

Claude Code (desktop app Code tab or terminal)

Disclosure Maker's own product: the author's free 13-skill motion pack on GitHub. It also promotes his six-week LinkedIn AI OS cohort.

How to Use Opus 5.5 as Your Marketing Video Director (Full Course)

A HyperFrames route for marketing videos: build a context stack (references, brand folder, facts list with sources), paste the author's prompt template, approve stills scene by scene before rendering, give camera-and-timing director notes, and adapt the template to five video types. Cost figures, including his $1.18 run, are the author's.

Goal

Launch & product film

Route

HyperFrames

Plan

Claude Code; the author ran it on a Max plan

Cinematic scroll with GSAP + Lenis in Claude Code: pin, scrub, and parallax (with Oryzo AI and Studio K95 cases)

A GSAP 3.15 and Lenis 1.3.x setup for scroll-driven pages built with Claude Code: when CSS is enough, pin versus scrub, why not to run ScrollSmoother and Lenis on one page, a starter prompt for a pinned hero, short readings of award-winning sites such as Oryzo AI and Studio K95, and a reduced-motion fallback that turns pin and scrub off.

Goal

Animated websites

Route

GSAP + Lenis