Written tutorials for making motion with Claude

How to Create Video Animations with Claude Design

Workflow for animated overlays on talking-head videos: transcribe narration to a timestamped SRT, give it to Claude Design with a style prompt, logos and screenshots, then review and keep only the clips that work; generation is said to take 30 minutes to two hours.

Goal

Explainer videos

Route

Recording + SRT transcript + Claude Design + video editor

Disclosure Company blog with banners for its own products; no individual author named.

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

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.

This Claude made clip makes product go viral, hear how!

A short how-to for a product promo made with Claude Code from a real project folder. The steps: write the story and timeline first (hook, problem, feature, ending), give Claude real screens rather than mockups, show one feature per scene, keep transitions and text minimal, generate narration with a voice API last, then have Claude sync scenes to the voice timing and revise.

Goal

Product launch videos

Route

Claude Code + voice API

Disclosure Promotes the author's own app, ClipTen.

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)

Make AI Product Videos People Stop Scrolling For

Tutorial for short product videos built as code: write a post-focused brief, pick a direction, plan music beats, design the first frame, animate the story, review exports, recheck facts and recompose for other aspect ratios. Uses Claude Code with the HyperFrames plugin, GSAP or Three.js for motion, and FFmpeg and Kokoro TTS for audio, with case notes on iteration and out-of-order frame rendering bugs.

Goal

Product launch videos

Route

Claude Code + HyperFrames + GSAP/Three.js + FFmpeg + Kokoro TTS

Disclosure Published by OpenDesign; promotes its own product, pricing and Motion Week offer.

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 generate 3D models in Claude and import them into Blender

Shows how to connect the Artificial Studio MCP to Claude or Claude Code, generate 3D models from text or images with several third-party 3D models and their credit costs, create FBX motion clips from text, and import GLB files into Blender with a Python script that centres, scales and decimates the mesh.

Goal

3D scenes

Route

Claude / Claude Code + Artificial Studio MCP + Blender

Disclosure Published by Artificial Studio to promote its own MCP, credits and paid plans

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

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.

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.

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

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.

How to Use Claude Motion: A Simple Guide

A step-by-step guide to Claude Motion: checking Team or Enterprise access and admin toggles, starting an animation from Artifacts or the /motion shortcut, approving a storyboard, editing single scenes, adapting to 9:16, and exporting MP4. It includes eight marketing prompts, a practice brief with arithmetic checks, and troubleshooting for fast text, wrong figures, broken share links and usage limits.

Goal

Explainer videos

Route

Claude Motion (claude.ai Artifacts) + chat edits + MP4 export

Disclosure Promotes the author's own Skool community, waitlist and newsletter

How to use Claude Motion & Claude Dashboards (from beginner to pro)

Beginner-to-advanced guide to Claude Motion and Claude Dashboards: which plans get access and which settings must be on, the /motion flow with a fill-in brief, answering Claude's style questions, fixing scenes with timeline comments, and MP4 export. Ends with Claude Code workflows that turn folders, app code or a dashboard finding into Motion films.

Goal

Explainer videos

Route

Claude Motion + Claude Dashboards + Claude Code

Disclosure Promotes the author's paid How to AI subscription and live classes; the author states he is not paid by Claude.

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.

Claude /motion

Walks through making a short launch video with Claude Motion inside a normal claude.ai chat. Covers plan access (Team and Enterprise only), a reusable brief template for a muted-feed launch clip built only from a product announcement, and picking one of three style directions Motion proposes. Tested on a made-up product; styling, house-style file and more prompts are behind the paywall.

Goal

Product launch videos

Route

Claude Motion (claude.ai)

Disclosure Free part only; the rest of the post is for paid subscribers of the author's newsletter.

Paywall

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 to Make Viral Motion Graphics Product Videos with Claude

The author explains how she made a 43-second launch video for her product Box with Claude, arguing the story, a timed storyboard and real brand assets matter more than the prompt. Walks through four prompts for story, storyboard, assets and build, pulling assets via the Figma MCP, building in Remotion with FFmpeg, and generating B-roll in Google Flow.

Goal

Product launch videos

Route

Claude (Opus 5.5) + Figma MCP + Remotion + FFmpeg + Google Flow

Disclosure Promotes the author's own product Box and her paid Developer Advocacy Guide.

How to Connect Blender to Claude Code and Make 3D Scenes With Text Prompts

Walks through connecting Claude Desktop to Blender: adding the Blender connector, installing Blender's official MCP server add-on, allowing online access, starting the server and testing the link. It then builds a low-poly platformer level step by step through conversation and warns that the integration runs AI-written Python inside Blender, so work on copies and keep backups.

Goal

3D scenes

Route

Claude Desktop + Blender connector + Blender MCP server add-on + Blender

How to Make Motion Graphics With Claude Code and Remotion (Opus 5.5)

Walks through installing the Remotion agent skills, writing a brief, previewing in Studio, rendering MP4s and stills from the CLI and checking frames to fix layout bugs, and lists what code-built visuals cannot do.

Goal

Explainer videos

Route

Claude Code + Remotion

Disclosure Recommends the publisher's own AutoAE skill and agent.

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

Opus 5.5 Video Prompts: A Six-Part Spec That Gets Past the Default Look

Argues that anything left out of an Opus 5.5 video prompt gets filled with model defaults, so prompts should be written as specs with six fields: format, content, structure, look, motion and avoid. Runs one plant-care launch brief three times with more detail each run, compares the results, and gives fill-in templates plus a denylist loop for iteration.

Goal

Product launch videos

Route

Claude Opus 5.5 (via opus6.video)

Disclosure The article says it was drafted with AI assistance and that opus6.video, the tool used for the tests, is built by the author.

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.

How to Make Videos With Claude Opus 5.5: 10+ Examples With Every Prompt (Plus How to Add Voice, Music and Real Footage)

Explains how Claude Opus 5.5 and Sonnet 5.5 make videos by writing code that draws each frame, then rendering in a headless browser and checking its own frames. Shows ten example videos and a setup in Claude Code or Cowork, plus add-ons for voiceover, music and real footage that Claude cannot produce alone. Notes render times of 30 to 60+ minutes and usage costs; full prompts are paywalled.

Goal

Explainer videos

Route

Claude Code or Cowork (Opus/Sonnet 5.5) + Amplifiers connector (TTS, music and video generation)

Disclosure Promotes the author's own Amplifiers tools (Video Director) and paid newsletter; full prompts only for paid subscribers.

Paywall

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)

AI Broadcast Graphics: Build a Rive Graphic with AI

Shows an AI agent compiling a Rive project with Rive CLI 1.2.0, importing it into LIGR, binding live match data, checking bindings and publishing a theme version, with a person approving activation; the feature is in beta.

Goal

Broadcast graphics

Route

Coding agent + Rive CLI + LIGR CLI

Disclosure Vendor post about LIGR's own product.

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 do you make motion videos with Opus 5.5 (as a beginner)?

Beginner guide to short motion videos with Opus 5.5 in an agent that has a shell: pick a tiny job with fixed length and aspect ratio, keep a references folder and a note on what good looks like, ask for springy time-based rendering, export stills for one critique pass, and reuse the folder so later sessions keep the same look. Credits the Movez course for the core idea.

Goal

Explainer videos

Route

Claude Code (Opus 5.5) + headless browser and ffmpeg (or Remotion / HyperFrames)

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 Make an Opus 5.5 Video in Claude Code

Step-by-step for a short animated cartoon with Claude Code, Opus 5.5 and the open-source ClaudeAnimationBase starter: install Node, Chrome and ffmpeg, render the demo, prompt for a 15-second film, review a storyboard and contact sheets, then render the MP4.

Goal

Animated shorts

Route

Claude Code (Opus 5.5) + ClaudeAnimationBase + ffmpeg

Disclosure Some links carry referral tags. Updated 2026-10-03.

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

How I built my company website with Claude Design and Claude Code with SEO

How a small studio built its site: a Claude Design hero with a cursor-reactive constellation and a logo whose letters lean away from the pointer, a full-width projects grid, then export to Claude Code as plain HTML, CSS and JavaScript with no build step. Covers the SEO pass, Search Console and Bing, the legal company name in the footer and per-app legal pages, and ends with the exact hero prompt.

Goal

Animated websites

Route

Claude Design, then Claude Code (plain HTML)

Disclosure Maker's own studio: the site is for the author's company, Arctic Hare Studio.

I Tried Claude Design's Animations. They Just Work.

Hands-on test of Claude Design's Animation template: turning an article into an animated explainer, animating a logo, charting a public Marvel dataset and syncing B-roll to a talking-head clip using a Gemini-made SRT transcript and Clipchamp.

Goal

Explainer videos

Route

Claude Design (Animation template) + Gemini transcript + Clipchamp

Disclosure Bonus booklet is for paid subscribers and was co-written with ChatGPT; offers Claude Pro guest passes to readers who upgrade; author notes the dataset output was not fact-checked.

Build an End-to-End AI Video Production Pipeline with Hermes Agent and Remotion

Walks through a Hermes Agent workflow for vertical short videos. The agent researches a topic, writes a script and production plan, generates scene images, builds Remotion scenes and checks rendered frames against the plan, then adds voiceover, music and Whisper word-level captions. Gives no code or commands, and no model is named.

Goal

Explainer videos

Route

Hermes Agent + Remotion skills + image model + TTS + Whisper

Disclosure Entry in DEV's Hermes Agent Challenge. The LLM is not named. The page shows only 'Aug 4'; the year comes from the author's matching YouTube upload dated 2026-08-04.

How I make motion graphics with HyperFrames and Claude Code

A non-motion-designer explains how he uses Claude Code to plan graphics against a narration script and write HyperFrames compositions for animated route maps and title cards, fixing them with targeted plain-English requests instead of restarting. Covers preview and render commands, a blur flicker fixed by rendering with one worker, and having Claude find and trim YouTube clips with ffmpeg.

Goal

Explainer videos

Route

Claude Code + HyperFrames + ffmpeg

Disclosure Site run by the author; promotes his free email course.

How to Edit Videos With Claude Code and HyperFrames

Shows how to treat a video edit as a HyperFrames project driven by Claude Code or Codex: write an edit contract, build a time-coded storyboard, compose scenes, then run lint, check, preview and render to MP4 with a human review pass. Lists common failures such as missing dependencies, drifting captions, bad media paths, seek mismatches and out-of-memory renders.

Goal

Video editing

Route

Claude Code + HyperFrames CLI + FFmpeg

Disclosure Author works at Aident; the article promotes Aident Loadout in several calls to action.

How to Use Remotion with Claude Code to Generate Animated Logo Reveals and Motion Graphics

Covers Remotion project setup, adding a best-practices skill file, frame-specific prompts for logo reveals and lower thirds, preview, H.264 or ProRes 4444 render, and common fixes.

Goal

Logo animation

Route

Claude Code + Remotion

Disclosure Promotes MindStudio's AI Media Workbench.

How to Make AI Videos With Hyperframes (Free Guide)

Beginner guide that starts from Claude Desktop's Code tab: install HyperFrames, prompt, review the storyboard, render to MP4, and edit talking-head clips with Whisper and FFmpeg; ends with publishing through Blotato.

Goal

Explainer videos

Route

Claude Code + HyperFrames (+ optional HeyGen voice)

Disclosure Author founded Blotato and promotes it. Updated 2026-08-12.

How to Use HyperFrames with Claude Code: Step-by-Step (2026)

Setup and workflow guide: prerequisites, installing the HyperFrames skills, briefing Claude on a scene, previewing, rendering and fixing errors, with the reminder that HyperFrames renders browser output rather than generating footage.

Goal

Explainer videos

Route

Claude Code + HyperFrames (GSAP)

Disclosure Ends by promoting AutoAE's paid Motion Agent.

How to Create Motion Graphics & Animation With Claude Code (Full Workflow)

A motion designer describes briefing Claude like a remote motion designer using a video transcript and brand details, approving static HTML previews of each graphic in the browser, then rendering approved animations with HyperFrames in Claude Code as MP4 and ProRes with alpha and dropping them into Premiere without masking. Links a YouTube walkthrough.

Goal

Explainer videos

Route

Claude desktop app + Claude Code + HyperFrames + Premiere

Disclosure Promotes the author's Creative Haven studio services (free strategy call CTA)

Claude to Blender in 2026: My Prompt-to-Animation Workflow for AI Video Production

A video producer explains using Claude as a planning layer that sends a structured JSON animation spec through a local MCP server to Blender's Python API, which builds objects, materials, camera, lights and keyframes and saves an editable .blend file. Argues against giving Claude raw Python access, shows weak versus constrained prompts, and lists templates to add once a basic version works.

Goal

3D scenes

Route

Claude Desktop + local MCP server + Blender Python API

Disclosure Author is founder of the LIKEMAZ studio and mentions it.

I built a 3D scroll website. Sharing all my code.

A short route to a scroll-driven product site with its code shared: write a video-to-website skill (the author credits Nate Herk for it), make a clip in Veo from a first and a last frame, then prompt Claude Code for the rest and tweak the design. The author reports about two hours end to end and links the live site and the full project.

Goal

Animated websites

Route

Claude Code + video-to-website skill + Veo

Disclosure Veo is Google's video model and is used outside Claude; the post does not say which plan it needs.

AI Video Creation with Hyperframes and Claude Code

The author makes a three-second brand intro by prompting Claude Code, which writes an HTML and GSAP composition that HyperFrames renders to MP4. Covers installing Node, FFmpeg and the HyperFrames skills, revising easing and timing with short follow-up prompts, turning a webpage into an explainer, and limits such as the 1080p ceiling, voiceover sync and long renders.

Goal

Logo animation

Route

Claude Code + HyperFrames + GSAP

Disclosure Page promotes the author's consulting services, courses and app.

How to Build a Landing Page With Claude Design

Walkthrough from a live class: the author sets up a design system in Claude Design from a brand guide PDF, then generates a landing page for a fictional email product from a long build prompt that includes motion rules, such as a typing terminal line, a scroll-triggered timeline, an animated pie chart and count-up pricing. Covers chat and on-canvas edits, export and handoff to Claude Code.

Goal

Animated websites

Route

Claude Design + Claude Code

Disclosure Author is co-founder and CEO of Masset and links to Masset's own product pages.

Claude Code Video Production: The 3-Tool Stack I Use

First-hand account of a video pipeline where Claude Design exports a brand style system, Claude Code composes and renders GSAP animations such as lower thirds through HyperFrames, and the Auphonic API cleans voiceover audio. Covers reusable skills, model choice for heavy versus small edits, the 1080p render cap, weak built-in audio, busy early compositions and a five-day onboarding plan.

Goal

Explainer videos

Route

Claude Design + Claude Code + HyperFrames + Auphonic

Disclosure Promotes the author's Ramlit service for building video pipelines, consulting CTAs and a Buy me a coffee link

How I make custom motion graphics using Claude Code + Remotion

A non-editor's method: install Remotion and its skill, gather references from Pinterest and YouTube, have Claude Code rebuild a still as a composition, refine by prompt, pull frames from reference video with FFmpeg and render ProRes for the editor.

Goal

Explainer videos

Route

Claude Code + Remotion + FFmpeg

Disclosure Recommends Tella and asks readers to follow 'the Tella YouTube channel', suggesting an affiliation not stated outright.

Claude Design: Everything You Can Build in 16 Minutes (5 Real Use Cases)

Peter Yang runs live demos of Claude Design, starting with a one-shot animated video made from pasted announcement text, saved with Mac screen recording because video export was not available yet. Further sections cover a slide deck, landing page, 3D globe with particle text, a fitness app and a design system, most of them behind the paywall.

Goal

Explainer videos

Route

Claude Design + macOS screen recording

Disclosure Sponsored: author states a partnership with Granola; Granola links carry tracking parameters

Paywall

How I built a production landing page video in 3 hours using Claude, Remotion, and ElevenLabs

A developer documents making a 35-second homepage demo video: Claude plans and scripts six scenes, an agent captures app screenshots, each scene is a Remotion React component driven by one shared config, ElevenLabs makes per-scene voiceover and a music loop, then it renders to 1080p MP4. Covers fixing robotic voiceover, overlapping audio, timing drift and music levels.

Goal

Product launch videos

Route

Claude (Sonnet 4.6) + Remotion + ElevenLabs

Disclosure Video is for the author's own product (FitComrade); ends with a call to book his consulting.

Claude Just Changed Content Creation Forever! (Tutorial)

Uses Claude Code with the Remotion skill to draft, edit and fact-check short videos locally, including screenshots of GitHub repos via Claude in Chrome, custom assets and music, then schedules posts through an MCP server.

Goal

Explainer videos

Route

Claude Code + Remotion skill + Claude in Chrome

Disclosure Author built Blotato and includes a discount offer for it.

How to Build Animated 3D Websites with Claude Code and AI Video Generation

Step-by-step guide to a scroll-driven landing page: generate short background clips with an AI video model, compress them, have Claude Code scaffold plain HTML, CSS and JS, then add GSAP ScrollTrigger sections and optional Three.js effects before deploying to a static host. Includes sample prompts, GSAP snippets and fixes for mobile autoplay, scroll jank and mistimed triggers. No built result is shown.

Goal

Animated websites

Route

AI video generator (Runway/Kling/Sora) + FFmpeg + Claude Code + GSAP ScrollTrigger + Three.js

Disclosure MindStudio blog; promotes its own AI Media Workbench and the Remy product in banners.

Claude Code + Remotion: Generate Pro Videos with AI

Introduces Remotion, the React video framework, and shows how Claude Code with the Remotion skills package turns plain-English prompts into rendered MP4s. Covers setup, example prompts for product demos, bar charts and short social clips, and a multi-skill session that built a Douyin top-ten songs video with downloaded media. Ends with an FAQ on render speed, Chinese fonts, licensing and Node errors.

Goal

Data animation

Route

Claude Code + Remotion skills + Remotion

How To Turn Claude Code into a Video Director with Remotion

Step-by-step guide to making videos with Claude Code and Remotion: scaffold a Remotion project, install the official Remotion agent skill, prompt Claude Code for a 5-second branded intro, refine it, add props with Zod schemas, build a multi-scene demo with Sequence, add background music, render to MP4/GIF/WebM, and optionally render on Remotion Lambda. Includes a troubleshooting list.

Goal

Product launch videos

Route

Claude Code + Remotion agent skill + Remotion CLI (+ optional Remotion Lambda)

Disclosure Published by Apidog; promotes its own API tool, which is used in a side step for testing a render API.