git404hub

what is auto-motion fr?

vibe-motion/auto-motion — explained in plain English

Analysis updated 2026-05-18

127HTMLAudience · developerComplexity · 3/5Setup · moderate

tl;dr

A workflow template that turns a subtitle file into an animated vertical video by having Codex and Claude Code generate each scene automatically.

vibe map

mindmap
  root((repo))
    What it does
      Splits subtitles into scenes
      Generates scene animations
      Stitches final video
    Tech stack
      Codex CLI
      Claude Code
      FFmpeg
      HTML
    Use cases
      Automated video generation
      Multi agent pipelines
      Motion graphics from subtitles
    Audience
      Developers
      Content creators

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Turn a video transcript's subtitle file into an animated motion graphics video automatically

VIBE 2

Generate scene-by-scene animated clips from spoken content without manually animating each one

VIBE 3

Chain Codex and Claude Code together in a multi-stage automated content pipeline

VIBE 4

Run the built-in end-to-end test to validate a generated video's resolution, length, and framerate

what's the stack?

HTMLNode.jsFFmpegCodex CLIClaude Code

how it stacks up fr

vibe-motion/auto-motionwangbh030722/vibe-nothing-ui-designdboudreau00/countersign-rfp-rfi-rfq-studio-for-ai-assisted-workflows
Stars127127126
LanguageHTMLHTMLHTML
Setup difficultymoderateeasymoderate
Complexity3/51/53/5
Audiencedeveloperdesignerpm founder

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · moderate time til it works · 1h+

Requires Codex CLI, Claude Code, Node.js 22+, FFmpeg, and jq all installed and configured.

in plain english

auto-motion is a workflow template that turns a subtitle file into a finished vertical video with animated motion graphics, using two separate AI coding tools working together. You provide a transcription.srt subtitle file, and the project's instructions tell OpenAI's Codex command line tool how to split that subtitle into a series of scenes based on meaning, so that the scenes together cover the whole timeline without gaps. For each scene, Codex calls Claude Code and gives it that scene's text, its duration, and where to save the output. Claude Code then writes an HTML animation for that scene using a set of pre-built animation building blocks called HyperFrames, and renders it out as a silent video file at 1080 by 1440 resolution and 30 frames per second. Codex repeats this one scene at a time rather than running scenes in parallel, and once every scene's video exists, it uses FFmpeg to stitch them together into a single final.mp4 file with the original subtitles reapplied on top. Each scene's run produces its own log files recording the raw output, any errors, and a more readable progress log, which is useful for figuring out what went wrong if a particular scene fails to render correctly. The project also includes an automated end to end test that copies in a sample subtitle file, runs the whole pipeline, and then checks that the resulting video has the right resolution, frame rate, total length, and no audio track. To run this yourself you need the Codex CLI and Claude Code both installed and signed in, Node.js version 22 or newer, FFmpeg and its ffprobe companion tool, the jq command line JSON tool, and an internet connection so Claude Code can search for assets or install anything it needs while building each scene's animation.

prompts (copy fr)

prompt 1
Walk me through preparing a transcription.srt file and running the auto-motion pipeline
prompt 2
Explain how PROMPT.md coordinates Codex and Claude Code in this project
prompt 3
Show me how HyperFrames skills are used to render each scene's animation
prompt 4
Help me debug a failed scene using the stderr.log and stream.jsonl files

Frequently asked questions

what is auto-motion fr?

A workflow template that turns a subtitle file into an animated vertical video by having Codex and Claude Code generate each scene automatically.

What language is auto-motion written in?

Mainly HTML. The stack also includes HTML, Node.js, FFmpeg.

How hard is auto-motion to set up?

Setup difficulty is rated moderate, with roughly 1h+ to a first successful run.

Who is auto-motion for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.