screenshot-review
dsh skill: 截图审阅——模型自己截图、自己看图、自己改代码,迭代优化前端效果
- Stars
- 1
- Language
- JavaScript
- Created
- Aug 29, 2026
- Updated
- Aug 29, 2026
Introduction
screenshot-review(截图审阅)
A DeepSeek Harness (dsh) skill that runs a screenshot review loop: the agent opens a frontend page, screenshots it, views the screenshot itself, revises the code, then re-screenshots — iterating until the page visually matches the user's requirements.
一个 dsh skill:让模型自己截图、自己看图、自己改代码,反复迭代直到前端效果符合要求。
闭环流程 (Loop)
改代码 → browser_navigate 刷新页面 → browser_screenshot 截图
↑ ↓
└── 不满意,再改 ←── read_image 自己查看 ←──┘
安装 (Install)
方式一:dsh plugin add(推荐,自动注册 skill)
# 1. 安装浏览器截图插件(提供 browser_* 工具)
dsh plugin --profile <你的profile名> add dsh-browser
# 2. 安装本 skill 包(含 dsh.bundle,自动注册 skill)
dsh plugin --profile <你的profile名> add github:wenyixiaoqingnian/screenshot-review
方式二:克隆到 skills 目录
git clone https://github.com/wenyixiaoqingnian/screenshot-review.git \
~/.dsh/skills/screenshot-review
重启 dsh web(或重开对话)后,skill 自动生效。
使用 (Usage)
直接对模型说:
打开 http://localhost:3000 看看效果,帮我调好看一点,改完截图确认,反复改到满意为止
模型看到"看效果 / 截图审阅 / 改到满意"等表述时,会自动加载本 skill 走截图迭代闭环。
依赖 (Dependencies)
| 依赖 | 说明 |
|---|---|
| dsh-browser | 提供 browser_open / browser_navigate / browser_screenshot 等工具 |
| 支持图像输入的模型 | 模型需能调用 read_image 自己查看截图(如 deepseek-v4-flash、GLM-4V 等) |
配置 (Configuration)
| 字段 | 默认 | 说明 |
|---|---|---|
| 最大迭代轮数 | 5 | 每轮截图-评估-修改,收敛或达上限即停 |
License
MIT