① Code-to-video
klsoen/opus-js-animations
Director-style flow: brief → voiceover → treatment → frame-exact MP4, rendered in JavaScript。
JS + Chrome 逐帧渲染 + ffmpeg，AI 配音
OPUS 5.5 LAB
Opus 5.5 Creative Lab
A curated gallery of Claude Opus 5.5 video and 3D cases with traceable original posts, published prompts, and tool notes.
Hover a card for a muted preview; playback connects to the source video service.
① Code-to-video
Vincentwei1021/video-shotcraft
Cinematic product promos in Remotion: 152 shot recipe cards, 209 motion previews, production-ready template。
Remotion
① Code-to-video
bestagentkits/motion-video-skill
Beat-synced 1080p motion graphics in HyperFrames (HTML + GSAP) with AI voice-over, karaoke captions, SFX & generated music。
HyperFrames（HTML + GSAP）+ ffmpeg
① Code-to-video
haidrrrry/claude-remotion-skill
Teaches Claude to build professional motion-graphics videos with Remotion: editing, B-roll, captions, sound。
Remotion + ffmpeg
① Code-to-video
JohnHeibel/ClaudeAnimationBase
Starter kit for hand-painted cartoons: p5.js + p5.brush, the Clawd character, 31 acted emotions。
p5.js（p5.brush）+ Playwright + ffmpeg
① Code-to-video
Barty-Bart/motion-graphics
Motion-graphics skill pack for Claude Code / Codex — adds MG B-roll to your footage。
Playwright + ffmpeg
① Code-to-video
Changroro/code-video
Researches a topic, then renders a hand-drawn + 8-bit promo video (MP4)。
代码逐帧绘制 + ffmpeg
① Code-to-video
JagZ999/explainer-video
Animated product explainer videos with voiceover, music & synced SFX。
Puppeteer 渲染 + ffmpeg + ElevenLabs
① Code-to-video
misbahsy/claude-horizon-animation
Recreates the Claude Opus 5.5 announcement-style animation。
浏览器逐帧渲染 + ffmpeg
① Code-to-video
tuzhechen2005/opus-video-skills
Two skills — hand-painted watercolor animation (character acting, karaoke captions) + kinetic typography (WebGL layers); everything generated in code, no image/audio models。
p5.js/p5.brush + three.js/WebGL + headless Chrome + ffmpeg（音乐代码合成）
① Code-to-video
howseen-ai/claude-motion-design
Pure-code motion design: deterministic seek(t) rendering, beat-sync, per-peak SFX, plus a remake mode that recreates any launch film frame by frame。
HTML + Playwright + ffmpeg（无 Remotion 许可依赖）
① Code-to-video
makevoid/motion-graphics-music-video-skill
One music track + one prompt → high-quality motion-graphics MV; 6 finished videos already on YouTube。
Node/P5JS 动画 + FAL.ai（图像/动画/音频）+ Python 混音；⚠ 需 FAL API key，约 $30 + 3M tokens / 3 分钟歌
① Code-to-video
echris6/motion-video-kit
Business-ad skill kit: builder≠judge independent critic loop + methodology distilled from 28 SaaS launch films + Three.js product realism。
HTML/GSAP + Three.js + ffmpeg，HyperFrames 可选
① Code-to-video
Kimeur/motion-launch-videos
8 skills in one kit: kinetic type / shapes / cartoon / 3D / charts / pixel / particles / app UI, as looping shorts。
单 HTML 文件 seek(t) + 逐帧渲染 + 真实动态模糊
① Code-to-video
Dwite/launch-film
Apple-style launch films: visuals and audio share one timeline.json so they never drift。
__seek(t) + headless Chrome + ffmpeg；ElevenLabs 音乐/配音/音效
① Code-to-video
Lob0Garou/opus-visual-motion-engine
Disciplined pipeline: forced pre-read rules + automated QA (frozen frames / text collisions / non-determinism, qa.mjs) + original score。
HTML 模板 + headless render + ffmpeg
① Code-to-video
wcfcarolina13/motion-studio
Code-rendered shorts: live annotatable preview + blind-read QC (a fresh agent must restate the argument from still frames)。
HTML + Playwright + ffmpeg；音乐先行、按小节剪辑
① Code-to-video
siyuanfeng636-cpu/agentic-motion-graphics
6-step universal pipeline: research → storyboard → TTS → Whisper word-level alignment → GSAP build → headless render。
HyperFrames + HTML/SVG/GSAP + whisper.cpp
① Code-to-video
rafiimanggala/paper-collage-skill
Paper-collage vertical videos: torn-paper typewriter captions, photo stickers, stop-motion feel。
HyperFrames（纯 HTML 逐帧）+ ffmpeg
① Code-to-video
Mort1d/motion-graphics-skills
Reads a link to extract the brand (real UI/colors/fonts) → writes a treatment → renders film + original score from a homegrown synth。
headless Chrome + HTML + 自研 synth（80 音色）+ ffmpeg
① Code-to-video
axtonliu/video-illustrator
Your narration + real assets (covers/screenshots used as-is) → 6 styles, 20–60s promos。
代码渲染 + ffmpeg，本地出片
① Code-to-video
adunext/adu-motion-video
Talking-head choreography: titles/cards/app windows/bilingual captions + Chromium frame-by-frame MP4 export; ⚠ some templates still being uploaded。
HTML/JS + Chromium + ffmpeg
① Code-to-video
Wzdhehe/html2video-for-mcode
Outline/script → narrated MP4: 13 themes, 17 layouts, TTS + ASR round-trip verification (zh/en/yue); built for MiniMax Code。
HTML slides + TTS + Whisper 校验 + ffmpeg
① Code-to-video
unclejobs-ai/motion-video-skill
Korean motion-graphics skill: shot order + staged-review harness for code-rendered videos; highest-starred repo of this batch。
见原仓库 README（韩文文档）
Upstream repositories & tools
The lab indexes cases and links from these public repositories.
- yihui-dev/awesome-opus5-5-videosCase data upstream
- zhuyansen/awesome-opus-5.5-videoBilingual case directory upstream
- X-RayLuan/awesome-opus-5-5-video-promptsPrompts and preview clips upstream
- opusvideo/awesome-claude-videoCase index and implementation guides
- lemomo-ai/lemo-opuscar43 code-made film styles skill
- ismoshushi/awesome-opus-video-skillsIndex of installable video skills