关于 Clipkit
Clipkit 是面向 AI Agent 的视频基础设施,可将开放的 ClipKit Protocol JSON 时间线渲染为 MP4。它面向构建 Agent 与视频功能的开发者,支持在渲染前校验文档,并可在本地或托管 GPU 服务上渲染。
主要功能
- 01由 JSON 文档描述动态图形视频
- 02渲染前进行协议校验与摘要
- 03本地使用无头 Chrome 渲染 MP4
- 04托管云端渲染支持 ProRes、AV1 与透明输出
- 05提供嵌入式编辑器与语音转字幕等配套包
适用场景
- 01让 Agent 根据结构化数据生成动态图形视频
- 02在程序中批量渲染面向客户的视频
- 03为视频自动生成字幕或配乐分析
MCP 相关
该项目内置 @clipkit/mcp-server,通过 npx -y @clipkit/cli mcp 以 stdio 方式运行,使 Agent 能够构建、校验、预览和渲染 ClipKit 视频。
配置
本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。
工具
16收录的工具列表 · 更新于 3 周前
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| topic | enum | 否 | 要读取哪个文档。默认值为 "agents"。agents | protocol | brand | card | pattern-data-viz | pattern-cinematic-ui | pattern-ui-screencast | pattern-lighting | pattern-promo-teaser |
详细介绍
ClipKit
面向 Agent 的视频基础设施。 ClipKit 将 JSON 时间线——开放的 ClipKit Protocol——转换为由 GPU 渲染的视频。用结构化数据描述视频;即可生成 MP4。专为 AI Agent 及其开发者打造。
clipkit.dev · 文档 · Protocol · Agent 快速入门
https://github.com/user-attachments/assets/ff4b7e9b-2e0a-40f4-a6a1-042e981fc65f
↑ 使用 ClipKit 制作。这段宣传视频的每一帧都由 ClipKit Protocol 文档渲染而成——无需编辑器或时间线 UI,只需结构化数据。若无法内嵌播放,请▶ 播放。
快速入门
npm install -g @clipkit/cli
clipkit new my-video.json # scaffold a Source
clipkit render my-video.json -o out.mp4 # render locally (headless Chrome)
……也可以通过代码使用:
import { render } from '@clipkit/renderer';
import { writeFile } from 'node:fs/promises';
const { buffer } = await render({ source }); // source = a ClipKit Protocol document
await writeFile('out.mp4', buffer);
本地渲染需要使用已安装的 Google Chrome(用于 WebCodecs)。如需 GPU 加速及专业格式(ProRes / AV1 / 透明)输出,请使用托管服务进行渲染:clipkit render --cloud。
项目内容
这是一个 monorepo;每个软件包都以 @clipkit 作用域发布到 npm。
| 软件包 | 说明 |
|---|---|
@clipkit/protocol | ClipKit Protocol——架构、类型、验证 |
@clipkit/runtime | 引擎——WebGPU/WebGL2 合成器 + WebCodecs 编码器 |
@clipkit/renderer | 在本地将 Source 渲染为 MP4(无头 Chrome) |
@clipkit/editor | 基于该架构的可配置、可嵌入编辑器 |
@clipkit/editor-core | 编辑器的无 UI 数据层 |
@clipkit/playback | 浏览器播放引擎 |
@clipkit/patterns | 可组合的动态图形单元 |
@clipkit/sfx | 程序化音效合成 |
@clipkit/music-analysis | 用于创作的节拍 / 速度分析 |
@clipkit/speech-to-text | 转录 → 字幕 |
@clipkit/lint | 支持 Protocol 的验证 + 通俗易懂的摘要 |
@clipkit/mcp-server | MCP 服务,让 Agent 能够创作和渲染视频 |
@clipkit/cli | 本地优先的命令行工具 |
面向 AI Agent
ClipKit 提供 MCP 服务——将 Agent 指向该服务,它就能创建、验证、预览和渲染 ClipKit 视频:
npx -y @clipkit/cli mcp # stdio MCP server
请参阅 Agent 快速入门,了解 Claude、Cursor 等工具的使用方法。
许可证
Apache-2.0——@clipkit/runtime 除外,它采用
Business Source License 1.1,并在每次发布四年后转为 Apache-2.0。简单来说:你可以免费使用、嵌入、基于它构建自己的产品,并为自己的客户渲染——唯一不能做的事,是提供具有竞争性的 ClipKit 托管渲染服务。请参阅 LICENSING.md 和
TRADEMARK.md。
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。