讓你的AI代理用shot-scraper video錄製工作演示視頻
本文介紹了shot-scraper 1.10的新命令shot-scraper video，它通過YAML故事板定義測試流程，利用Playwright錄製視頻。作者強調編碼代理自動生成演示的重要性，並展示瞭如何用該命令為Datasette新功能生成演示視頻。該功能完全由GPT-5.5 xhigh編寫，Playwright 1.61.0的解鎖使其得以實現。
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輔助開發工具的進步，類似的功能將變得越來越常見。