AI News HubLIVE
站內改寫1 分鐘閱讀

讓你的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輔助開發工具的進步,類似的功能將變得越來越常見。