screenshot-review
界面增强 活跃维护

screenshot-review

wenyixiaoqingnian/screenshot-review

支持大模型自动完成页面截图、识别前端视觉问题、修改对应代码,通过截图审阅闭环迭代优化前端页面效果,无需人工介入中间环节。

1
Stars 标星
0
Forks 分支
1
Watchers 关注
0
Open Issues
JavaScript
主要语言
MIT
开源协议
5 KB
仓库大小
28 天前
最后推送
一键安装扩展 / 插件指令
dsh plugin --profile web add github:wenyixiaoqingnian/screenshot-review
git clone https://github.com/wenyixiaoqingnian/screenshot-review.git
git clone git@github.com:wenyixiaoqingnian/screenshot-review.git
README.md main

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