SKILL

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。第三方内容及版权归原作者,使用条件以原文为准。

许可原文 ↗

本站没有因同步、复制或用户自报成功而将资源标为运行验证通过。

限制与注意事项

  • 元数据收录不代表本站已经安装、适配、实测或进行安全审查。