motif.THE MOTION INDEX

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 read
The editors’ pick
Case study · Pixel8 Production

Opus 5.5 Motion Graphics: What 39 Review Notes Taught Us

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

Prakhar MehtaRead the story ↗
399 reads264 sources106 Claude 5.5 reads1 disclosed AI-assisted
Notes worth keeping

Read the motion 399

Open to everyone
Tutorials83
TutorialSep 28, 2026
Claude 5.5

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
Muhammad AyanX
Read at source x.com
TutorialSep 28, 2026
Claude 5.5

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

dawood46X
Read at source x.com
TutorialSep 28, 2026
Claude 5.5

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.

Raphael aubryX
Read at source x.com
TutorialSep 27, 2026
Claude 5.5

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.

Charlie HillsX
Read at source x.com
TutorialSep 27, 2026
Claude 5.5

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.

Yash Thakkerexplainx.ai
Read at source explainx.ai
GuideSep 26, 2026
Claude 5.5

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
NeilXbtX
Read at source x.com
73–96 / 399 reads

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.

Source report