dsh-screenshot-review

Readme

# 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）**

```sh
# 1. 安装浏览器截图插件（提供 browser_* 工具）
dsh plugin --profile <你的profile名> add dsh-browser

# 2. 安装本 skill 包（含 dsh.bundle，自动注册 skill）
dsh plugin --profile <你的profile名> add github:wenyixiaoqingnian/screenshot-review
```

**方式二：克隆到 skills 目录**

```sh
git clone https://github.com/wenyixiaoqingnian/screenshot-review.git \
  ~/.dsh/skills/screenshot-review
```

重启 dsh web（或重开对话）后，skill 自动生效。

## 使用 (Usage)

直接对模型说：

> 打开 http://localhost:3000 看看效果，帮我调好看一点，改完截图确认，反复改到满意为止

模型看到"看效果 / 截图审阅 / 改到满意"等表述时，会自动加载本 skill 走截图迭代闭环。

## 依赖 (Dependencies)

| 依赖 | 说明 |
|---|---|
| [dsh-browser](https://github.com/ben7am1n/dsh-browser) | 提供 `browser_open` / `browser_navigate` / `browser_screenshot` 等工具 |
| 支持图像输入的模型 | 模型需能调用 `read_image` 自己查看截图（如 deepseek-v4-flash、GLM-4V 等） |

## 配置 (Configuration)

| 字段 | 默认 | 说明 |
|---|---|---|
| 最大迭代轮数 | 5 | 每轮截图-评估-修改，收敛或达上限即停 |

## License

MIT