Claude Codeのスキルが本物のブラウザ操作で製品デモ動画を自動生成
Skill to Create Product Videos
aaitor/skill-video-studioは、Claude Codeの/devrel-videoスキルで製品動画を制作するローカルワークスペース。Playwright CLIで実際のブラウザ操作をキャプチャし、HyperFramesでタイトルやチャプター、CTAを組み上げ、FFmpegでマスタリングと品質チェックまで行う。まずは無音のウォークスルーから始め、必要に応じてナレーションや音楽、字幕、出演映像を追加できる。
このスキルは既存のツールを置き換えるのではなく、それらを連携させる役割を担う。
HNでの議論
22- aaitor
新しい製品を作るたびに、私の集中はいつも（間違ったことに）まず作ることに向かっていました。作ったものを配布して、他の人が使えるように手助けすることではなく。
自分のものを作り終えて、新しいおもちゃが動くのを見る興奮を味わった後は、宣伝やコミュニケーションの部分はいつも義務のように感じられ、ほとんどの場合おろそかにされていました。マニュアルや動画、サポートコンテンツなどを作るのにいつも苦労していました。
そこで、その最後の部分を助けるClaude Codeのスキルをオープンソースにしました。いくつかの指示とこのスキルがあれば、製品デモ動画を作成できます。プロのナレーションと多言語の字幕付きで。ブラウザとターミナルを組み合わせて。すべてAIから制御します。例えば、この投稿のクリップはこれで作られました。
配布を代わりにやってくれるわけではありませんが、始まりとしてはいいでしょう ;)
- jjcm
あり/なしの比較：
スキルなし：https://non.io/video/diffui-product-vid-opus-only.mp4
スキルあり：https://non.io/video/diffui-product-vid-with-skill.mp4
また、Playwrightにはいくつかの重大なCVEがあるので、これを使うときは注意してください / インストール済みのものにパッチを当ててください。
- solatic
私はこれを特に使っているわけではありません（対象はネイティブアプリでウェブアプリではないので、Playwrightは私のスタックには無関係です）が、（既存の無関係なプロジェクトの一部として）そのプロジェクト用に非常に似たものを構築しています。Claudeに製品の使用手順をステップ実行し、その記録をキャプチャするスクリプトを書かせるというものです。
マーケティングサイトに載っている製品動画が、過去6か月に作った新機能をすべて欠いているのは、何しろリリースごとに手動で録画するのが面倒だからですよね。そのためにスクリプトを書くのは過剰設計だと思うでしょう。もっと重要なものを作るべきだと... これは非常に2025年的な、AI以前の意見のように思えます。