mcpField
C
Clipkit

Clipkit

已认证精选本地服务
clipkit.dev媒体与设计1911 周前更新

关于 Clipkit

Clipkit 是面向 AI Agent 的视频基础设施,可将开放的 ClipKit Protocol JSON 时间线渲染为 MP4。它面向构建 Agent 与视频功能的开发者,支持在渲染前校验文档,并可在本地或托管 GPU 服务上渲染。

主要功能

  1. 01由 JSON 文档描述动态图形视频
  2. 02渲染前进行协议校验与摘要
  3. 03本地使用无头 Chrome 渲染 MP4
  4. 04托管云端渲染支持 ProRes、AV1 与透明输出
  5. 05提供嵌入式编辑器与语音转字幕等配套包

适用场景

  1. 01让 Agent 根据结构化数据生成动态图形视频
  2. 02在程序中批量渲染面向客户的视频
  3. 03为视频自动生成字幕或配乐分析

MCP 相关

该项目内置 @clipkit/mcp-server,通过 npx -y @clipkit/cli mcp 以 stdio 方式运行,使 Agent 能够构建、校验、预览和渲染 ClipKit 视频。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"clipkit": {
"command": "npx",
"args": [
"-y",
"@clipkit/cli"
]
}
}
}
启动命令npx -y @clipkit/cli

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npm@clipkit/cli

工具

16

收录的工具列表 · 更新于 3 周前

参数类型必填说明
topicenum否要读取哪个文档。默认值为 "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/protocolClipKit 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-serverMCP 服务,让 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。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。