After EffectsやRemotionのライセンスなしで、HTML・Playwright・ffmpegからモーションデザイン動画を作るClaude Codeスキル。
diggerhq/shipvideo
URLやテキストプロンプトから、Claude OpusがHTMLで制作し、サーバーレスエージェントがMP4にする20〜40秒のローンチ動画を生成
- スター
- 351
- フォーク
- 39
- 未解決の Issue
- 1
- 最終コミット
- 19 日前
これは何?
LaunchVideo(shipvideo)は、動画生成モデルを使わずに短いローンチ動画を生成します。URLまたはプロンプトを渡すと、Claude Opus 5.5が単一のHTML映像を作成し、OpenComputer上のサーバーレスエージェントが仮想クロックを使ってヘッドレスChromiumでフレームごとにレンダリングします。その後、ffmpegでフレームをMP4にエンコードします。
URLモードでは、エージェントがまずページを取得し、タイトル、説明、見出し、主要な16進カラーコード、Google Fontsを抽出するため、動画に製品独自のブランディングが反映されます。レンダリング前にシーンのJavaScriptエラーと表示テキストをチェックし、完成したファイルはダウンロードできるようセッションのワークスペースに保存します。
このプロジェクトは、OpenComputerのエージェントプロジェクト(`director`エージェント)と、フォームおよび2つのAPIルートを提供するNext.jsのWebアプリで構成されています。Webアプリに必要なのはOpenComputerのAPIキーだけで、独自のストレージは保持しません。
主な機能
- 01URLまたはテキストプロンプトから、1920x1080の20〜40秒の動画を生成します。
- 02仮想クロックを使ってヘッドレスChromiumでフレームをレンダリングし、再現性のある出力を実現します。
- 03ffmpeg(libx264、yuv420p、faststart)で結果をMP4にエンコードします。
- 04URLから色、フォント、ページ内のテキストを抽出し、製品のブランディングに合わせます。
- 05OpenComputerアカウント向けのワンクリックデプロイ用マニフェストが付属します。
ユースケース
- 既存のランディングページのURLから、手早く製品のローンチ動画を作成する。
- 動画編集ソフトを使わずに、テキストの説明から短い解説動画を制作する。
- LLMが生成したHTMLアニメーションを動画にレンダリングする実験をする。
クイックスタート
- 1
依存関係をインストールし、OpenComputerプロジェクトをリンクします
npm install && npx opencomputer link --create-project shipvideo && npx opencomputer deploy --watch - 2
Webアプリの依存関係をインストールし、Vercelから環境変数を取得します
cd web && npm install && vercel link && vercel env pull .env.local - 3
OpenComputerのAPIキーとエージェントIDをweb/.env.localに追加します
- 4
Webアプリをローカルで起動します
cd web && npm run dev
使う前に知っておきたいこと
- 実行にはOpenComputerアカウントとAPIキーが必要です。
- READMEにライセンスの記載がないため、再利用条件は不明です。
- レンダリングには実時間とほぼ同じ時間がかかるため、30秒の動画に30〜40秒かかります。
トピック
よくある質問
- shipvideo とは?
- URLやテキストプロンプトから、Claude OpusがHTMLで制作し、サーバーレスエージェントがMP4にする20〜40秒のローンチ動画を生成 LaunchVideo(shipvideo)は、動画生成モデルを使わずに短いローンチ動画を生成します。URLまたはプロンプトを渡すと、Claude Opus 5.5が単一のHTML映像を作成し、OpenComputer上のサーバーレスエージェントが仮想クロックを使ってヘッドレスChromiumでフレームごとにレンダリングします。その後、ffmpegでフレームをMP4にエンコードします。
- shipvideo は無料で使えますか?ライセンスは?
- shipvideo にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。
- shipvideo は今もメンテナンスされていますか?
- 活発にメンテナンス中。shipvideo の最終コミットは 2026年10月1日 です。
- shipvideo は何に使えますか?
- 既存のランディングページのURLから、手早く製品のローンチ動画を作成する。 動画編集ソフトを使わずに、テキストの説明から短い解説動画を制作する。 LLMが生成したHTMLアニメーションを動画にレンダリングする実験をする。
- shipvideo のインストール方法は?
- 依存関係をインストールし、OpenComputerプロジェクトをリンクします: npm install && npx opencomputer link --create-project shipvideo && npx opencomputer deploy --watch Webアプリの依存関係をインストールし、Vercelから環境変数を取得します: cd web && npm install && vercel link && vercel env pull .env.local OpenComputerのAPIキーとエージェントIDをweb/.env.localに追加します Webアプリをローカルで起動します: cd web && npm run dev
- shipvideo はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/diggerhq/shipvideo
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
録画したトーク動画と台本から、AI音声と自動リップシンク付きの縦型MP4をローカルで生成
WebサイトのURLから、音楽に同期した効果音とモーションブラー付きの60 fps製品ローンチ動画を作るClaude Codeスキル。
実ブラウザーを操作するAIエージェントを構築できるオープンソースのPythonライブラリ
PythonとNext.jsで構築された、パーソナライズされた個別指導、Q&A、クイズ、調査、可視化に対応する、エージェントネイティブでセルフホスト可能なAI学習ワークスペース。
ピクセルを直接生成するのではなく、実行可能なManimコードを書いて教育動画を作るエージェント型フレームワーク。