Communitygithub.com

atultiwari/remotion-motion-explainer

自包含的 Remotion 工具包和操作手册,用于制作色彩丰富的“事故报告风格”动态图形解说视频:新闻和事件解说、案例研究、“出了什么问题及医生应从中汲取什么教训”类视频。

remotion-motion-explainer 是什么?

该技能提供了一个完整的视频项目模板以及生成实际示例(“冰箱被黑:医生必须了解的 AI 安全”,时长 11:05,49 个场景,2026 年 10 月)的操作手册。它包含了从零开始创建类似风格解说视频所需的一切:可复用的模板(`template/`)、脚本(包括 Sarvam TTS 和母版制作脚本的副本)以及一个完整的工作示例(`examples/fridge-hack/`)。该技能适用于新闻、事件、案例研究和“经验教训”类视频,强调排版、地图、报纸页面和仪表盘等视觉元素。其工作流程严格遵循事实优先、故事构建、静默预览、配音、渲染和推广的阶段,并通过一系列参考文档(`references/`)提供详细指导,确保在任何平台(Claude Code、Cursor 等)上都能遵循一致的高质量制作流程。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/atultiwari/remotion-motion-explainer/tree/HEAD

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

动态图形解说器

这是一个完整的视频项目模板以及用于生成 Fridges Hacked: What Doctors Must Learn About AI Security(11:05 分钟,49 个场景,2026 年 10 月)的操作手册。**此技能内包含所有必需内容:**模板(template/)、其脚本(包括 Sarvam TTS 和母版制作脚本的副本)以及完整的工作示例(examples/fridge-hack/)。所有内容均不指向原始项目文件夹。

何时使用哪个技能

视频类型技能
新闻、事件、案例研究、“从X中汲取的教训”:排版、地图、报纸页面、仪表盘本技能
手绘画面、笔和手、一笔一划的解剖图或图表remotion-whiteboard(不变;适用于所有手绘内容)
工作顺序、声明、脚本、配音、关卡(任何视频)youtube-video-production(其 motion 模式指向本技能)
缩略图、轮播图、LinkedIn/Instagram/WhatsApp 文案、YouTube 上传video-promo-kit

快速开始

node ~/.claude/skills/remotion-motion-explainer/scripts/install.mjs ~/Projects/remotion-projects/<名称>
cd ~/Projects/remotion-projects/<名称> && npm run dev

模板以冰箱黑客故事打开,以便立即看到视觉效果。将 src/data/scenes.json 替换为新的故事。

工作顺序(粗体为关卡)

  1. 事实优先。 在编写任何旁白之前,先编写一份带有来源的事实清单。每个屏幕上的数字都需要 sourceCitation。
  2. 故事 → scenes.json。 每个场景的旁白、组件 + 属性、引用。 npm run estimate && npm run narration;使用 npm run tts:lint 进行代码检查。
  3. 带临时字幕的静默预览。 句子字幕、预估时长。负责人在此处批准故事;在此之前不进行 TTS。
  4. 静态画面质量保证: npm run stills、联系表、修复重叠问题(references/05)。
  5. 配音: npm run tts → npm run tts:check(Whisper,每次录制)→ 重新录制或重新措辞 → npm run tts:master → npm run captions。场景时长现在来自音频。
  6. 单词提示: 将 {"atWord": "…"} 添加到其事件必须与特定单词对齐的属性中。
  7. 声音: 效果从组件触发;使用纯音频渲染检查完整混音(目标 −14 LUFS,≤ −1 dBTP)。
  8. 仅当负责人同意时才渲染(references/05)。
  9. 章节(npm run chapters),然后移交给 video-promo-kit。

详细信息所在位置

文件阅读时机
references/01-look-and-story.md第 1-2 步:视觉语言、故事弧线、主题、编写规则
references/02-scene-graph.md第 2 步:scenes.json 中的每个字段、单词提示、过渡
references/03-components.md第 2-4 步:组件目录、属性、布局规则、添加新组件
references/04-voice-and-sound.md第 5-7 步:Sarvam、Whisper 检查、母版制作、字幕、效果、音乐、电平
references/05-qa-render.md第 4、8、9 步:静态画面、联系表、渲染、验证、章节
references/06-lessons.md当出现问题时:每个已犯错误及其规则
examples/fridge-hack/工作示例:scenes.json、旁白脚本、状态、经验教训、视觉效果截图

不可妥协的原则

  • 禁止真实的标识或品牌标记;媒体和公司名称使用纯文本;标题需改述;虚构的视觉内容需标注“示意”。
  • 在安全类视频中,不透露攻击步骤、代码或操作方法。
  • 切勿推测归属;应表述为“截至<日期>尚未公开归属”。
  • 负责人批准脚本、缩略图和渲染。如有疑问,请询问。

相关技能