
2026/11/03 3:10
プロダクト動画作成スキル
RSS: https://news.ycombinator.com/rss
要約▶
Japanese Translation:
aaitor/skill-video-studio リポジトリは、リアルなユーザーインタラクションから直接製作プロセスを簡素化する /devrel-video スキルによって駆動される、専門的な製品デモビデオを作成するための包括的なローカル作業環境です。このシステムは Playwright を使用して本物の瞬間をキャプチャし、HyperFrames で整合したタイムライン(タイトルカード/チャプター/CTA など)を構成し、FFmpeg により最終出力をマスタリングします。音声ナレーション、音楽(6 のローカルスタイル)、字幕、オプションのプレゼンター映像といった豊富な拡張機能をサポートしますが、特定の GPU リソースが設定されていることを前提としています。製作スタックには Node.js 22 以上、Chromium、Python、FFmpeg が必須ですが、モダンな構成によりブランドアセットやサンプル(2 つの完結した Acme フィクスチャを含む)が明確に分離されています。ワークフローは、ブリーフからレンダリング/QA までを直線的に進める設計であり、コンタクトシートやサムネイルといった高品質保証機能を備えながら、安定したブランド対応コンテンツの生成を可能にします。ただし、完全な製作機能はユーザーのローカルツールチェーンに依存し、ポートフォリオ出力プロファイルは今後のロードマップ上にあるため、現時点で外部依存なしに磨き上がったビデオポートフォリオを構築する即時的なパスを提供します。また、MIT ライセンスにより、プライベートな映像素材と認証情報は Git リポジトリ外で厳密に管理する必要があり、ライブ録画および GPU ジョブについては手動での検証を行う必要があります。
- 改善理由: 改訂版サマリーでは、ポートフォリオプロファイルのロードマップステータスに関する欠落したポイント、特定のライセンス/帰属詳細、プレゼンター映像の包含を補足しました。また、「構成(HyperFrames)」と「マスタリング(FFmpeg)」の各ステージを明確に区別する表現に改善し、アバターなど高度な機能のオプション性を維持しつつ明瞭さを保つように調整しました。
本文
Skill Video Studio v1.0.1 リリースノート
Skill Video Studio は、ローカル環境における映像制作ワークスペースです。
を駆使し、Playwright CLI で実際の製品インタラクションをキャプチャします。HyperFrames を用いてタイトルカード、章立て、行動喚起(CTA)を組み立て、FFmpeg で確認・検証を行います。/devrel-video Claude Code スキル
最初はサイレントのウォークスルーから始め、必要に応じてナレーションや音楽、字幕、プレゼンター映像を追加できます。
1. デモ
インストール済みのプロジェクトスキルを使用した実際の Claude Code セッション です。
- スタジオをクローンし、Acme のウォークスルー brief を準備。
- 黒背景上で 3 バットのプランを表示して確認します。
注意: このデモはキャプチャとレンダリングを行う前に停止しており、実際に映像が生成されたことを示すものではありません。再生ガイドには、実際には生成された brief と再構成のためのコマンドが含まれています。
2. クイックスタート
計画段階での必要条件として、Git 認証済みおよび Authenticated Claude Code が必要です。ネイティブスキルとプロジェクト構成を維持するために、フルなワークスペースをクローンしてください。
インストール手順
git clone https://github.com/aaitor/skill-video-studio.git cd skill-video-studio claude
プロンプト入力例
Claude に対して以下のように指示します:
/devrel-video bundled Acme app 用の 25 秒間のサイレントウォークスルー brief を準備してください。workspace の表示、カテゴリ別のフィルタリング、そしてプロジェクトの開く操作を順序立てて示してください。
これにより、ブランド「acme」を利用してプランを表示させます。
想定される結果
- プロジェクトの brief と具体的なビート(構成)計画が生成されます。
- 完全な映像を作成するには、以下のキャプチャ・レンダリング用の前置き条件をインストールしてください:
- Node.js 22 以上
- FFmpeg/ffprobe
- Chromium
- ヘルパー固有の Python デPENDENCIES
オプション機能: ナレーションやアバター機能は、追加的外部サービスまたは GPU セットアップを別途用意する必要があります。
3. メイン機能
- 実製品キャプチャ: 明示的なビートと安定したセレクターを備えたブラウザインタラクションスクリプト。
- ブランド化された構成: HyperFrames タイムライン上で、タイトル、ブラウザフレーム、章立て、CTA を組み合わせる。
- ローカルでのマスター化と QA: マスター版/ウェブ用コピー、ffprobe チェック、コンタクトシート、サムネイル生成。
- オプションのオーディオ: 6 つのローカル BGM スタイル、ナレーション主導のタイミング調整、音声バリエーション。
- オプションのプレゼンテーション: サブタイトル、プライベートな持参(BYO)プレゼンター映像、ターミナル/ブラウザシーケンス。
- ソースベースワークフロー: 再利用可能なブランド、brief、テンプレート、および 2 つの完全な実装例。
今後のロードマップ: ポータイト/ソーシャル向けの出力プロファイルが予定されています。フルなキャプチャ・レンダリングはお客様のローカルツールの環境に依存します;オフライン CI はソースコードと選択されたローカルユーティリティのみを検証し、完全な制作スタックは検証対象外です。
4. サンプル動画(実装例)
- 製品ウォークスルー:
- ローカルの Acme フィクスチャを使用した実際のブラウザキャプチャ。
- ナレーション/音楽および英語・スペイン語字幕付き。
- [ソースとコマンド] · サウンド付きで視聴
- 構成された CLI/ブラウザ映画:
- 複数の環境例であり、ターミナルシーンは HTML による再演出(reenactment)として作成されています。
- [ソースと解説] · サウンド付きで視聴
重要: より詳細な例はそのまま残されていますが、生成された MP4/オーディオファイルは無視してください。付属のソースコードから再構築してください。
5. 設定
各映像には
projects/<slug>/brief.yaml を使用します。ブランドトークンは brands/<name>/ 下に配置され、生成出力はプロジェクトフォルダ内に配置されます。オプションのプライベート設定は Git 外に保存し、DEVREL_VIDEO_ENV で選択します。
| 設定項目 | 目的 |
|---|---|
| 製品 URL、ターゲット層、メッセージ、ビート構成、ブランド、所要時間、およびオプションのレイヤー |
| オプションのナレーションエンドポイントとトークン |
| オプションの SSH GPU ホストと LatentSync チェックアウト |
| ローカル BGM スタイル;デフォルトは企業向け |
詳細な設定情報、実際の brief テンプレート、およびセキュリティ・プライバシーガイドラインをご参照ください。プライベートな映像素材や認証情報は、この公開リポジトリから外に保管してください。
6. 動作原理
- Brief の作成
- 探索
- ブランド化
- キャプチャ
- 構成
- オプションレイヤーの追加
- レンダリング/QA
- サムネイル生成
このスキルはツールを置き換えるのではなく、既存のツールを統合・調整します。詳細な制作手順については ワークフローガイド および 制作ノート をご参照ください。
7. リポジトリ構成
: スキル指示書、スクリプト、テンプレート、制作ノート.claude/skills/devrel-video/
: ブランドトークンとロゴbrands/
: 厳選された公開例;プライベートプロジェクトは無視されますprojects/
: 実際のハルネス録画、公開入力データ、生成された briefexamples/
: 共有バナー、ソーシャルカード、および短いターミナル GIFassets/
: オンボーディング、使用方法、設定、トラブルシューティングdocs/
8. ドキュメンテーション
- インストールおよび制作用前置き条件
- 設定
- プロンプトとオプションレイヤー
- ワークフロー
- タラブルシューティング
- セキュリティ、プライバシー、およびメディアライツ
- バナー生成とソーシャルプレビュー
参照ガイド:
9. コントリビュートとサポート
質問、バグ、アイデアについては Issues をご使用ください。
- 貢献ガイド:
およびCONTRIBUTING.md
をお読みください。CODE_OF_CONDUCT.md - セキュリティ報告: 脆弱性の報告は
を通じてプライベートに行ってください。SECURITY.md - 開発環境構築: 仮想環境で
をインストールし、requirements-dev.txt
を実行してください。python3 scripts/check.py - 変更履歴:
をご参照ください。CHANGELOG.md
検証ステップ: ライブ録画、サービスコール、GPU ジョブ、および完全なレンダリングは手動での検証ステップとなります。
10. ライセンス
- 元々のスタジオコンテンツについては MIT ライセンス です。
- 埋め込まれたバナーフォントには OFL 通知 が維持されています。
- 外部ツール・モデル・メディアについては各自の利用規約を適用します。
詳細は ライセンス をご参照ください。
制作チーム
- Aitor Argomaniz