shot-scraper video:賦予 AI 代理人自動錄製網頁操作影片示範的能力
Simon Willison 分享如何讓 agent 透過 shot-scraper video 記錄工作過程的影片演示,強調了 AI Agent 產生 Demo 的重要性,具備實作價值。
• shot-scraper 1.10 版本推出嶄新的 shot-scraper video 指令,旨在賦予 程式編寫代理 自動錄製網頁應用程式 影片示範 的能力。
• 該工具透過解析一份 storyboard.yml 配置檔來定義一系列的網頁操作例程,並利用 Playwright 核心技術將這些互動過程錄製成影片。
• 文章示範了如何使用此功能為 Datasette 進行批次資料插入和新表格建立,值得注意的是,整個複雜的 storyboard.yml 檔案都是由 GPT-5.5 xhigh 在 Codex Desktop 中自動生成。
• > 作者強調,詳細的命令列 --help 輸出對於 程式編寫代理 極具價值,使其能像直接讀取工具內建的 SKILL.md 文件一樣運用,大幅提升自動化開發效率。
• 開發過程中克服了 Playwright 錄影機制的技術挑戰,特別是 Playwright 1.59 新增的 screencast 功能和 1.61.0 版本的更新,最終解決了影片開頭的白幀及固定寬度問題。
• 此功能的程式碼、文件甚至 YAML 格式的設計與驗證,大部分都由 GPT-5.5 xhigh 完成,完美展示了 AI 輔助開發 在複雜專案中的強大潛力。
• > 作者坦言,若沒有 程式編寫代理 的支援,他幾乎不可能在有限時間內完成這類具挑戰性的功能,突顯 AI 在加速軟體開發進程中的不可或缺性。
來源:Simon Willison
閱讀原文 ↗另見:Simon Willison