动态图形模板

ReactMotion GraphicsVideoTemplateOverlay更新于 2026-08-14

使用场景: 快速产出动态图形:动画标题卡、下三分之一、倒计时、滚动字幕条与视频数据叠加。

安装
npx skills add motion-graphics-template
克隆
git clone https://github.com/skillhub-community/motion-graphics-template.git

描述

可复用动态图形模板集。包括:TitleCard(开场动画标题,旋转字环、揭示线与背景纹理)、CountdownOverlay(翻页钟或圆环动画的巨大倒计时,直播与发布用)、LowerThird(滑入并固定的新闻式名称/主题条,带擦除强调)、ScrollingTicker(无缝循环的标题/价格/数据走马灯)与 DataOverlay(动画 KPI 数字、迷你柱状图与可叠加在视频上的进度环)。

每个模板都是参数化 Remotion 合成——经 props 配置文字、颜色、时长与时序。包含 TickerConfig 面板预览调整,以及复制导出——生成独立合成文件或渲染片段。模板共享「图形风格」token 系统(字体、颜色、间距),整套动态图形保持视觉一致。音频钩子:倒计时与揭示时刻的哔声/提示音槽,附背景音乐建议。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@video_wang
许可证MIT
版本1.0.0
依赖1

依赖

Remotion Video Kit