klsoen/opus-js-animations
导演式出片:brief → 配音 → 导演阐述 → JS 渲染帧级精确 MP4。
JS + Chrome 逐帧渲染 + ffmpeg,AI 配音
OPUS 5.5 LAB
Claude Opus 5.5 视频与 3D 作品案例库,逐项标注原帖来源、作者公开的提示词原文与工具链。
悬停卡片可静音预览;播放会连接作品来源的视频服务。
导演式出片:brief → 配音 → 导演阐述 → JS 渲染帧级精确 MP4。
JS + Chrome 逐帧渲染 + ffmpeg,AI 配音
HyperFrames + GSAP 出节拍同步 1080p 动态视频:AI 配音、卡拉 OK 字幕、音效与生成音乐。
HyperFrames(HTML + GSAP)+ ffmpeg
教 Claude 用 Remotion 做专业动态图形:剪辑、B-roll、字幕、配乐。
Remotion + ffmpeg
手绘动画底板:p5.js + p5.brush、Clawd 角色、31 种表演情绪。
p5.js(p5.brush)+ Playwright + ffmpeg
双 skill:手绘水彩动画(含角色表演、卡拉 OK 字幕)+ kinetic typography(WebGL 图层),全代码生成、无图像/音频模型。
p5.js/p5.brush + three.js/WebGL + headless Chrome + ffmpeg(音乐代码合成)
纯代码动效:seek(t) 确定性渲染、节拍同步、逐峰音效,附带 remake 模式(逐帧复刻任意发布片)。
HTML + Playwright + ffmpeg(无 Remotion 许可依赖)
一条音乐 + 一句 prompt → 高质量 motion graphics MV,已有 6 支 YouTube 成片。
Node/P5JS 动画 + FAL.ai(图像/动画/音频)+ Python 混音;⚠ 需 FAL API key,约 $30 + 3M tokens / 3 分钟歌
商务广告 skill kit:builder≠judge 的独立评审循环 + 28 部 SaaS 发布片方法论 + Three.js 产品写实。
HTML/GSAP + Three.js + ffmpeg,HyperFrames 可选
8 个 skill 一套:kinetic type / shapes / cartoon / 3D / charts / pixel / particles / app UI,循环短片。
单 HTML 文件 seek(t) + 逐帧渲染 + 真实动态模糊
Apple 风产品发布片:画面与音频共用 timeline.json 永不漂移。
__seek(t) + headless Chrome + ffmpeg;ElevenLabs 音乐/配音/音效
纪律化 pipeline:强制读前置规则 + 自动 QA(冻帧/文字碰撞/非确定性检测,qa.mjs)+ 自创配乐。
HTML 模板 + headless render + ffmpeg
代码短片:可标注实时预览 + 盲读质检(fresh agent 只看静帧复述论点)。
HTML + Playwright + ffmpeg;音乐先行、按小节剪辑
6 步通用管线:调研 → 分镜 → TTS → Whisper 词级对齐 → GSAP 构建 → 无头渲染。
HyperFrames + HTML/SVG/GSAP + whisper.cpp
给链接读品牌(真实 UI/配色/字体)→ 写导演阐述 → 出片 + 自研合成器原创配乐。
headless Chrome + HTML + 自研 synth(80 音色)+ ffmpeg
真人口播编排:标题/卡片/软件窗口/双语字幕 + Chromium 逐帧导出 MP4;⚠ 部分模板仍在上传中。
HTML/JS + Chromium + ffmpeg
大纲/脚本 → 口播 MP4:13 套主题、17 种版式,TTS + ASR 回译校验配音(中/英/粤);为 MiniMax Code 构建。
HTML slides + TTS + Whisper 校验 + ffmpeg
韩文 motion graphics skill:出片顺序 + 分阶段检查 harness,本批 star 最高。
见原仓库 README(韩文文档)
本库的案例索引与链接来自以下公开仓库。