前言¶

在使用 DeepSeek Harness (DSH) 開發智能體時，讓模型處理前端 UI 調優往往需要開發者手動刷新頁面並比對效果。手動介入不僅效率低，還容易遺漏細節。screenshot-review 通過自動化截圖、評估和修改流程，解決了這個問題。

這是什麼¶

這是一個 DSH skill：讓模型自己截圖、自己看圖、自己改代碼，反覆迭代直到前端效果符合要求。

截圖審閱閉環：模型執行改代碼操作，隨後刷新頁面並截圖。模型通過 read_image 查看截圖，若不滿意則繼續修改，直到頁面視覺效果符合要求或達到最大迭代次數。
依賴 dsh-browser：Skill 內部調用 dsh-browser 插件提供的 browser_open、browser_navigate 和 browser_screenshot 工具。
自我修正：模型具備查看截圖並自我修正代碼的能力。

安裝前需確保已安裝 DSH Harness 環境。

1、安裝瀏覽器截圖插件（提供 browser_* 工具）

dsh plugin --profile <你的profile名> add dsh-browser

2、安裝本 skill 包（含 dsh.bundle，自動註冊 skill）

dsh plugin --profile <你的profile名> add github:wenyixiaoqingnian/screenshot-review

安裝完成後，重啓 dsh web（或重開對話）即可生效。

在對話中直接向模型發送如下指令：

打開 http://localhost:3000 看看效果，幫我調好看一點，改完截圖確認，反覆改到滿意爲止

當模型識別到“看效果 / 截圖審閱 / 改到滿意”等關鍵詞時，會自動加載本 skill 並執行截圖迭代閉環。

依賴項：
- 必須安裝 dsh-browser 插件。
- 模型必須支持圖像輸入（如 deepseek-v4-flash、GLM-4V），才能調用 read_image 查看截圖。
迭代限制：系統配置了最大迭代輪數爲 5。當模型達到上限或確認滿意時，流程會停止。
權限與安全：插件以當前 DSH 進程的權限運行。在使用前，建議檢查源碼與許可證（MIT）。

screenshot-review 將前端 UI 調優的“改代碼-看圖-再改”過程完全交給模型自主執行。它依賴 dsh-browser 提供的瀏覽器操作能力，配合具備視覺理解能力的模型，實現了前端效果的自洽迭代。