shot-scraper videoを使ってエージェントに作業のデモ動画を録画させる

Simon Willisonは、shot-scraper 1.10で新しいコマンド「shot-scraper video」をリリースしました。このコマンドは、YAMLストーリーボードファイルで一連の操作を定義し、Playwrightを使用してブラウザで自動実行し動画を録画するものです。Willisonは、コーディングエージェントが自分の作業のデモを生成する重要性を強調しており、この新ツールはその実現を目的としています。

shot-scraper videoの能力を示すため、WillisonはDatasetteの新機能（CSV、TSV、JSONデータを貼り付けて新しいテーブルを作成する）のデモ動画を作成しました。ストーリーボードファイルは、サーバーの起動、ページの開き、ボタンのクリック、テキストの入力、データの挿入など、詳細なステップで構成されており、Playwrightがこれらの動作を録画します。

特筆すべきは、このデモストーリーボード自体がGPT-5.5 xhigh（Codex Desktop上で動作）によって完全に自動生成されたことです。Willisonは、エージェントにブランチの変更をレビューさせ、ヘルプコマンドを実行させ、その後新しいビデオコマンドを使用してデモを録画するように指示しただけです。このパターンは、ツールとコーディングエージェントを組み合わせることで、エージェントが複雑なタスクを自律的に実行できることを示しています。

Willisonはshot-scraper videoの構築プロセスを詳しく説明しています。この機能は2024年2月に最初に提案されましたが、技術的な課題により保留されていました。Playwrightのビデオ録画機能はもともと製品デモには適していませんでしたが、改良されました。ただし、ビデオの最初に白いフレームが表示される問題や、Playwright 1.59の新しいスクリーンキャスト機能では幅が800ピクセルに固定される問題がありました。Playwright 1.61.0で幅の制限が修正され、Willisonはようやくこの機能を完成させることができました。

コードとドキュメントはすべてGPT-5.5 xhighによって記述されました。Willisonはドキュメントをレビューすることで設計を反復し、冗長な部分や矛盾を修正しました。YAML形式自体も主にコーディングエージェントによって定義され、Pydanticを使用して検証されています。Willisonは、コーディングエージェントのサポートがなければ、この機能を実装する時間を確保できなかっただろうと述べています。

shot-scraper videoのリリースは、コーディングエージェントが自身の作業のデモを自動生成するための強力な方法を提供します。AI支援開発ツールの進歩に伴い、このような機能はますます一般的になるでしょう。