mcpField
C
Clipkit

Clipkit

認証済みおすすめローカル
clipkit.devメディア・デザイン1911 週間前に更新

Clipkit について

Clipkit は、オープンな ClipKit Protocol で記述された JSON タイムラインから MP4 を生成する、AI エージェント向けの動画インフラです。エージェントや動画機能を開発する開発者を対象としています。レンダリング前に文書を検証でき、ローカルまたはホスト型の GPU サービスで出力できます。

主な機能

  1. 01JSON 文書で記述するモーショングラフィックス動画
  2. 02レンダリング前のプロトコル検証と平易な概要
  3. 03ヘッドレス Chrome によるローカルでの MP4 出力
  4. 04ProRes、AV1、透過出力に対応するクラウドレンダリング
  5. 05埋め込み可能なエディターと音声認識による字幕パッケージ

活用シーン

  1. 01構造化データからエージェントがモーショングラフィックス動画を作成
  2. 02コードからの顧客向け動画のバッチレンダリング
  3. 03動画プロジェクト向けの字幕生成やビート解析

MCP 対応

本プロジェクトには @clipkit/mcp-server が含まれており、npx -y @clipkit/cli mcp により stdio 経由で起動します。エージェントは 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

エージェント向けの動画インフラです。 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/protocolClipKit Protocol — スキーマ、型、検証
@clipkit/runtimeエンジン — WebGPU/WebGL2 コンポジター + WebCodecs エンコーダー
@clipkit/rendererSource をローカルで 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をご覧ください。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。