前言¶

在使用 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 提供的浏览器操作能力，配合具备视觉理解能力的模型，实现了前端效果的自洽迭代。