Motion design articles and tutorials about Claude Stay curious.
Move forward.
Motion principles, production workflows and practical tutorials. Read the original publications, with the authors credited.
Find your next readOpus 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.
Read the motion 399
Opus 5.5 is good at explainer videos
Hacker News discussion of a launchvideo.io submission showing Opus 5.5 explainer videos. Commenters share one-shot results and open-source frameworks, point out that some examples orchestrate image and voice models, criticise fast pacing and generic output, discuss narration with TTS and loud music, multi-hour iteration for better results, and whether such videos are useful or filler.
Claude Opus 5.5 for Creators: Reasoning to Images and Video
Claude Motion Graphics: 5 Opus 5.5 Prompts | iArt.ai
Claude Opus 5.5 Motion Graphics: Real Prompts
Curated list of about 48 X posts where creators made motion graphics and video with Claude Opus 5.5, grouped by type (showreels, explainers, landing pages, 3D, typography, games) with engagement counts from a 2026-09-28 pull. Publishes ten creator prompts said to be copied verbatim, plus creators' reported time and cost figures; none are tested by the publisher.
Disclosure Promotes the publisher's own automation services, audit and calls; states the prompts were not tested by AY Automate.
How to Make Animations With Opus 5.5 - Nate's Zero to AI
How to Make Videos with Claude Opus 5.5 (Step-by-Step, 2026)
How to build motion design studio with Opus 5.5 ( Full-course )
Some content may require a subscription
I Built a Claude Skill That Makes the Viral Opus 5.5 Motion Videos (3 Movies, Never Left Claude Code)
Some content may require a subscription
Motion Graphics Code: Professional Videos Made Easy
Opus 5.5 Animation: Every Frame in JavaScript | iArt.ai
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 motion already got overused... Lol
A motion designer argues that within a month of launch, Claude-made promos flooded Instagram and became easy to spot: similar pacing, similar generated music, the same visual habits. The post claims style frames and prompts cannot pull the output away from a shared house look. The comment thread debates whether taste and editing can fix that.
First Motion graphics video made using Claude code (no Remotion or HyperFrames)
A first app promo made with Claude Code and no video framework or skill. The maker chose the music first, gave reference clips for pacing, wrote a timestamped beat sheet, then refined scene by scene before one full render. Sound effects were placed with an outside timeline editor and a personal SFX folder, then finished in DaVinci Resolve, because generated SFX sounded samey.
Disclosure The video is for the author's own app; the post title is marked referral.
I vibecoded an interactive 3D dive to the deepest part of the ocean.
Descent is a scroll-driven three.js dive from the surface to the Challenger Deep. A seven-minute Claude Code prototype took five more days to look right, using competing art directions, specialist agents for water, creatures, terrain and rendering, and AI critics reviewing screenshots. The author reports run counts and token totals, most of them cached context, and a shared wave-model fix.
Disclosure Author's own project.
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 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.
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).
Can You Use HyperFrames With Claude? Yes: a Real 90-Second Film
Explains what HyperFrames is and how Claude Code writes and renders it locally for free, then walks through a 90-second example film whose images, narration and music came from paid models; the page puts that film's asset cost at 468 credits, about $4.68.
Disclosure Published by Creative Claw, which sells the cloud renderer and credits it describes; the author is its founder.
I Built a 30-Second Animated Report With Claude Motion Design
A business-focused walkthrough of Claude Motion: opening it from Artifacts, answering its setup questions, editing scenes, length and speed in the Tweaks panel, and running two animations in parallel. It notes the Team and Enterprise plan limits and points to the open-source Open Design project as an alternative for people without access.
Disclosure Repeatedly promotes the author's paid AI Profit Boardroom community
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
Read the original. Credit the creator.
Every read links to the original publication. Authors and publishers keep their credit. When a publisher discloses writing assistance, you’ll find that statement with a link to its source.