remotion-graphics
Create ANIMATED motion graphics — kinetic word-by-word captions, animated lower-thirds/name tags, branded intro/outro title cards, data-driven graphics (count-ups, growing bars) — as React/Remotion components, rendered to a transparent layer and composited over the footage with ffmpeg. OPTIONAL/heavy (needs Node + a headless-Chromium download, and a Remotion license for company use). Use only when an edit needs genuine motion design that PIL/ffmpeg overlays can't do; for a static label, watermark, or simple fade, use the video-overlay skill instead.
原文 · 译文尚未补齐适用对象:React / Next.js。自动收录 · 待核查。
原作者说明节选
从固定版本的 SKILL.md 提取,保留原文语言。以下内容属于作者说明,本站尚未验证安装、兼容或运行结果。
查看英文原文
原文涵盖的主题
- Animated graphics with Remotion (optional)
- ⚠ Before using — it's optional and heavy
- Default pattern: transparent layer → ffmpeg composite
- Word-synced timing comes from the transcript (cue sheet)
- Tuning knobs + reviewing your own work
- When to reach for it (vs not)
Full Production Studio note: this skill drives the toolkit in agamm/video-agent. Clone that repo and run your agent inside it for the scripts/paths below to work; the guidance itself is usable anywhere. Our video-overlay/captions path renders static PNGs composited by ffmpeg. When a job needs real motion design — eased entrances, staggered reveals, word-synced kinetic captions, animated lower-thirds, branded title cards, count-ups — author the graphic as a Remotion React component (every word/color/beat is a prop, animated over frame), render it to a transparent layer, then composite with our existing ffmpeg overlay. ffmpeg still owns the cut, audio, grade, and final encode; Remotion only authors the moving graphic. Needs Node + npm and a Remotion project (the remotion/ scaffold in this repo). First render downloads a headless Chromium (150–300 MB). This is a bigger dependency than the whole Python core — like the grok-video-edit vfx extra, it's off by default. Licensing: Remotion is free for individuals/small teams but companies above a small headcount need a paid seat license — verify before using under a company. (No API key, but a real license gate.) Render cost: frame-by-frame
这里只展示节选,请以完整原文和当前要求为准。
- 来源仓库
- alfaris/full-production-studio
- 源文件
- skills/remotion-graphics/SKILL.md
- 固定版本
- 223f74cc6dceb4c16858c4d58b5d066e7c5eeb83
准备条件
- 本条仅收录原作者的技能元数据;请阅读完整说明,确认依赖、许可与使用条件。
第一件可以尝试的小事
先阅读原作者说明,再决定是否在自己的 AI 工具中使用。
对应 AI 工具说明
作者有说明不等于本站实机验证。没有证据时,不自动标为兼容、安全或免费。
来源与内容状态
本条为自动发现的元数据,尚未完成人工文档核查;适用性与运行结果待核查。
原作者:alfaris/full-production-studio · 原作者仓库元数据。文档核查:未核查。最近来源检查:2026-11-10T12:01:33.929Z。
分类由名称、说明与路径规则生成,分类不代表已核实适配。
许可与权利归属
MIT。第三方内容及版权归原作者,使用条件以原文为准。
许可原文 ↗本站没有因同步、复制或用户自报成功而将资源标为运行验证通过。
限制与注意事项
- 元数据收录不代表本站已经安装、适配、实测或进行安全审查。