YouTube AI motion graphics and voice synchronization
Leverage 74 HTML animation boards combined with Whisper for word-by-word voice synchronization, and export MP4 videos frame by frame using Chrome and FFmpeg. The entire workflow includes complete Claude skills, prompts, and verification mechanisms.
GitHubsirioberati106GitHub stars
ClaudeWhisperChromeFFmpeg
Added 2026-10-31 · originally published 2026-10-27
Steps
- 1Clone the repository locally, run setup.sh, and configure the Claude skills.
- 2Save favorite animations and UI references in the references folder, and determine the style in Claude Design.
- 3Set artboard parameters (dimensions, padding, camera placeholders, etc.) and create a checks.md rules file for AI self-inspection.
- 4Use Whisper to transcribe video audio, obtain word-by-word timestamps, and plan the board content.
- 5Synchronize each board element with the voice, render every frame using Chrome, and export to MP4 with audio via FFmpeg.
Ideas for Chinese platforms
This AI-powered motion graphics and word-level voice synchronization export solution can be used to automatically generate high-precision short videos or commentary videos, helping to boost content production efficiency on platforms like Xiaohongshu or Douyin.
Copy-ready prompt
Read START-HERE.md, install everything it lists, and run the setup check. [Add your specific video footage or reference requirements]
#AI#Motion Graphics#Claude#Whisper
Related use cases
Summarized by AI from the original source - refer to the original post for details. Copyright belongs to the original author.