Communitygithub.com

deepseek-ai/record-browser-gif

錄製瀏覽器或網頁 UI 互動示範,產生最佳化的 GIF 檔,並附加到 Pull Request 中,適用於需要展示瀏覽器流程的場景。

record-browser-gif 是什麼?

此技能旨在幫助開發者或 AI 代理錄製瀏覽器或網頁 UI 的互動過程,並將其轉換為經過最佳化的 GIF 動畫檔案。它整合了瀏覽器控制工作流程,並可選用 Playwright Videos 來捕捉更高幀率的畫面,確保錄製品質。產出的 GIF 會透過 `gh --attach` 指令附加到對應的 Pull Request 中;若平台不支援直接附加,則會自動回退到專用的 assets 分支進行儲存。這項功能對於需要展示產品使用者可見的 GUI 變更(例如:新功能、錯誤修復的視覺效果)的 Pull Request 尤為重要,可確保程式碼審查者能直觀理解變更內容。支援主要的 AI 代理平台(如 Claude Code 等),並透過確定性編碼技術確保每次產出的 GIF 結果一致,避免不必要的檔案變動。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/deepseek-ai/deepseek-harness/tree/master/.agents/skills/record-browser-gif

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

record-browser-gif 是做什麼的?

使用可用的瀏覽器控制工作流程、可選的 Playwright Videos(用於較高的擷取幀率)以及確定性編碼,錄製瀏覽器或網頁 UI 互動示範,並產生最佳化的 GIF 檔,然後透過 gh --attach 將 GIF 附加到 Pull Request 中,若無法附加則回退到專用的 assets 分支。當被要求製作、錄製或產生能展示瀏覽器工作流程的 GIF 時,以及針對每個改變產品使用者可見 GUI 行為的 Pull Request,都應使用此技能。

相關技能