Back to home@wenyixiaoqingnian

screenshot-review

dsh skill: 截图审阅——模型自己截图、自己看图、自己改代码,迭代优化前端效果

Stars
1
Language
JavaScript
Created
Aug 29, 2026
Updated
Aug 29, 2026
GitHub repo

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