Remotion 视频工具包
ReactRemotionVideo动画Composition更新于 2026-08-14
使用场景: 用代码构建视频:品牌解说、社媒剪辑、数据转视频仪表盘、带字幕短片与可复现的视频流水线。
安装
npx skills add remotion-video-kit克隆
git clone https://github.com/skillhub-community/remotion-video-kit.git描述
基于 Remotion 的代码驱动视频生产工具包。内置合成:BrandedExplainer(React 组件组装场景+时间轴)、SocialCut(大字号竖版 9:16 剪辑带字幕)、DataToVideo(把图表/报告动画为配音视频,复用你的图表组件做帧)与 CaptionClip(字幕词级高亮与音频同步渲染)。一切纯 React——状态、布局与动画复用你的组件库。
包含 Remotion 基建指引:Sequence/absolute-frame 布局、useCurrentFrame/useVideoConfig 动画、<Audio>/<Video> 标签与 @remotion/captions 的词级字幕。渲染流水线:CLI 本地渲染(mp4/webm)、带队列的服务端渲染与打开 Remotion Studio 手动逐帧检查的 StudioPreviewButton。覆盖音频:经 TTS 添加旁白与配音轨混音。本工具包是可视化编辑器的编程对应物——同一团队可从数据生成可复现、版本化的视频。
AI Hub
跑 Skill 需要模型接口?
AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。
打开 AI Hub元数据
作者@audio_ming
许可证MIT
版本1.0.0
依赖0