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

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.

Claude Motion Graphics: One Prompt, a 12-Second Clip and What It Cost

Runs one prompt through Claude Code (Opus 5.5, headless) with Remotion 4.0.535 and the Remotion skills and logs the result: a 12-second clip after 8 min 56 s and 22 turns at about $1.00 of list-price model usage, then rebuilds it in the publisher's own editor for comparison.

Disclosure Own-product comparison: the rebuild uses Wireflow's paid Video Editor node.

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

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.

HyperFrames vs Remotion: HTML or React for Code-Built Video (2026)

Compares HyperFrames and Remotion on authoring language, timing model, licence, render options and agent support, notes neither produces footage or voice on its own, and frames the choice around who on the team writes the code.

Disclosure Written by a Wireflow co-founder; promotes Wireflow's own canvas product.

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

Claude Motion: What It Is and How to Make Videos With It (2026)

Explains Anthropic's Claude Motion beta: Claude writes animation code from supplied text, charts and images and exports a short MP4. Covers Team and Enterprise eligibility, a seven-step workflow from /motion to export, prompting advice, pros and cons, unpublished limits such as length and resolution, and alternatives including Remotion, HyperFrames and the publisher's own app.

Disclosure Published by GenMotion; promotes its own video app throughout with download calls to action.

I made a full music video in three.js, every frame is a function of song time

A 2:36 music video written in TypeScript and three.js with Claude Code. Every frame is a pure function of song time, so preview and render match; headless Chromium steps through the song, averages sub-frames for motion blur and ffmpeg encodes. AI stills get depth maps and layer splits for small camera moves, and lyrics are timed word by word in code.

Disclosure Song is by other people (credited in the post); stills were made with Codex image generation.

Claude Makes Videos Now. Here's Who Can Actually Use Claude Motion (and What to Do If You Can't)

Explains Claude Motion from Anthropic's announcement and pricing page: animation written as code, Team and Enterprise only, admin toggle on Enterprise, and unknowns such as sound and usage cost. Adds pacing rules drawn from the author's measurements of 74 widely shared AI-made films, three example /motion prompts, and options for Pro or Max users, including Claude Code with HyperFrames.

Disclosure Author says he has not used Motion himself; discloses that TeaserKit, one of the alternatives recommended, is his own paid product.

HyperFrames Studio: Beginner's Guide + Honest Review (2026)

A few days of testing HyperFrames Studio, HeyGen's free desktop app: setup, connecting Claude Code or Codex, five sample projects from websites, spreadsheets, a podcast and phone footage, and a verdict of beginner-friendly but day-one rough.

Disclosure Promotes Tenex's own prompt pack, newsletter and services.

Our nonprofit built a digital Leonardo da Vinci museum in three.js. You walk it as a film recorded from the live scenes.

A German nonprofit explains its first museum wing, a da Vinci exhibit built in three.js with most code written by Claude. Covers TSL materials that run on WebGPU with a WebGL2 fallback, recording the walk as a film through Playwright with averaged motion-blur frames, a frame-rate test that swaps live machines for loops on weak devices, and machines built in code from measurements.

Disclosure Author's own nonprofit project.

Build live dashboards and animate explainers with Claude

Anthropic announces Claude Motion in beta for Team and Enterprise plans: type /motion, describe an explainer, and Claude builds a code-based animation of your own text, charts and images that you can edit and export as MP4, without a video generation model. Also introduces Claude Dashboards and notes admins must enable both features.

Disclosure Anthropic's own announcement.

Claude Dashboards & Motion: Access, Pricing & Setup

Long explainer on the October 2026 Claude Dashboards and Claude Motion betas: which plans get them (Motion only on Team and Enterprise), how to start Motion from chat or an Artifacts template, revise it and export MP4, why Motion may not appear for a user, and the Claude Design migration deadline. Based on vendor material; the author says Motion was not tested hands-on.

Disclosure Promotes the publisher's own newsletter and price sheet; states Kingy has not run Motion tests.

Claude Motion: What AI Motion Design Means Now

A UK creative agency reacts to the launch of Claude Motion and Claude Dashboards. It notes that Motion writes animation code rather than generating video, argues templated explainer work is most exposed while concept, brand and taste still need people, and lists plan availability. The authors say they had not tested Motion themselves.

Disclosure Agency blog that promotes its own video, animation and web design services.

Claude can now build live dashboards and animated explainers from your data

Launch-day report on Claude Dashboards and Claude Motion: Motion writes code that animates text, charts, shapes and images instead of generating footage, keeps every element editable, exports MP4, and is limited to Team and Enterprise plans.

Disclosure Site-wide affiliate commission notice.

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.

Your First Animation

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.

Hyperframes vs Remotion: Which to Use with Claude

Short comparison of HyperFrames (plain HTML) and Remotion (React): both render through headless browsers and FFmpeg; differs on build step, licensing and available agent skills, and recommends choosing by team skills and licence needs.

Disclosure Skills directory; says listings are not endorsements.

Claude edited my last three YouTube videos in DaVinci Resolve

The founder of SimbaStack connected DaVinci Resolve Studio to Claude through its built-in AI assistant setup and had Claude cut three YouTube videos from raw footage via the scripting API, with Python, ffmpeg and Whisper for transcripts, motion graphics, music beds and renders. Problems included clipped audio, a frame rate mismatch and lost manual trims. The runbook is on GitHub.

Disclosure Promotes the author's own projects and open-source resolve-edit-kit repo; author says they use AI for most work including blog writing