Clipkit について
Clipkit は、オープンな ClipKit Protocol で記述された JSON タイムラインから MP4 を生成する、AI エージェント向けの動画インフラです。エージェントや動画機能を開発する開発者を対象としています。レンダリング前に文書を検証でき、ローカルまたはホスト型の GPU サービスで出力できます。
主な機能
- 01JSON 文書で記述するモーショングラフィックス動画
- 02レンダリング前のプロトコル検証と平易な概要
- 03ヘッドレス Chrome によるローカルでの MP4 出力
- 04ProRes、AV1、透過出力に対応するクラウドレンダリング
- 05埋め込み可能なエディターと音声認識による字幕パッケージ
活用シーン
- 01構造化データからエージェントがモーショングラフィックス動画を作成
- 02コードからの顧客向け動画のバッチレンダリング
- 03動画プロジェクト向けの字幕生成やビート解析
MCP 対応
本プロジェクトには @clipkit/mcp-server が含まれており、npx -y @clipkit/cli mcp により stdio 経由で起動します。エージェントは 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
エージェント向けの動画インフラです。 ClipKit は JSON タイムライン(オープンな ClipKit Protocol)を GPU 上でレンダリングされた動画に変換します。動画を構造化データで記述すれば、MP4 が得られます。AI エージェントと、それを提供する開発者向けに構築されています。
clipkit.dev · ドキュメント · プロトコル · エージェント向けクイックスタート
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 を使ってレンダリングしてください。
内容
モノレポです。各パッケージは @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 | プロトコルに対応した検証 + 平易な言葉での要約 |
@clipkit/mcp-server | エージェントが動画を作成・レンダリングできる MCP サーバー |
@clipkit/cli | ローカルファーストの CLI |
AI エージェント向け
ClipKit には MCP サーバーが付属しています。エージェントに接続すれば、ClipKit の動画を作成、検証、プレビュー、レンダリングできます。
npx -y @clipkit/cli mcp # stdio MCP server
Claude、Cursor などについては、エージェント向けクイックスタートをご覧ください。
ライセンス
Apache-2.0 — ただし @clipkit/runtime を除きます。同パッケージは
Business Source License 1.1 のもとで提供され、各リリースから 4 年後に Apache-2.0 に切り替わります。簡単に言えば、利用、組み込み、自社製品の構築、自社顧客向けのレンダリングはすべて無料です。できないことは、ClipKit のレンダリングを提供する競合のホスト型サービスを運営することだけです。LICENSING.md と
TRADEMARK.mdをご覧ください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。