DeepSeek Harness Hub
← 返回列表

yumimanji/dsh-ui-spec

DeepSeek Harnessspec-screened在 GitHub 查看 ↗
未验证

将 UI 截图解析为面向实现的结构化规范,帮助纯文本 DeepSeek 模型还原自适应 Web 界面。插件使用…

尚未跑自动兼容性验证,可查看页面内的依赖与入口分析。 · 最近上游提交 2026/8/21 · 已提供中文文档

DeepSeek Harness 插件:将 UI 截图转换为结构化、可直接用于实现的前端规格说明。确定性几何信息(sharp)+ 可选的视觉模型语义,合并为一份 JSON + Markdown 规格说明。

综合分
28.7
GitHub 分
28.7
用户评分
★ Stars
2
周下载量
安装插件(需先安装 dsh CLI 引擎:npm install -g @deepseek-ai/dsh)
dsh plugin --profile web add yumimanji/dsh-ui-spec
该插件未发布到 npm,走 GitHub 源安装(pnpm 若拦截 prepare 脚本,按其提示在 pnpm-workspace.yaml 的 allowBuilds 中放行后重跑)
数据截至 2026/9/18(元数据每日更新 · 实装验证按队列轮转,单条结论的验证时间见上方)
依赖的 DSH / Cordis 模块
@deepseek-ai/cordis@deepseek-ai/dsh-tools
用户评分
还没有人投票,来当第一个
订阅周报,不错过优质插件更新
每周一封 · 高评分插件 + 新用户活动

README

dsh-ui-spec

Version
License
DeepSeek Harness

将 UI 截图解析为面向实现的结构化规范,帮助纯文本 DeepSeek 模型还原自适应 Web 界面。插件使用 Windows 原生 OCR 辅助识别,并提供布局、视觉细节、交互和浏览器验证约束。

效果展示

以下结果来自 Desktop/8 测试。右侧页面由模型根据插件输出自主实现。

| 原始参考图 | DeepSeek 实现效果 |
|:---:|:---:|
|  |  |

安装

从 npm 安装:

dsh plugin --profile web add dsh-ui-spec

安装 GitHub 当前版本时,pnpm 11 需要允许源码包执行构建脚本。在 DSH profile 的 pnpm-workspace.yaml 中加入:

allowBuilds:
"dsh-ui-spec@git+https://github.com/yumimanji/dsh-ui-spec.git": true

然后安装:

dsh plugin --profile web add github:yumimanji/dsh-ui-spec

如果当前 DSH profile 无法配置 allowBuilds,请使用 npm 版本。

使用

在 DSH 中直接告诉模型:

使用 ui-spec 对当前目录下的两张图片进行分析并模拟实现,页面需要自适应屏幕。完成实现后使用 manage_ui_browser 验证页面,并只关闭该工具启动的浏览器会话。

也可以指定单张图片:

使用 ui-spec 分析 C:\path\to\reference.png,并实现对应的自适应 Web UI。

安装问题

如果出现 ERR_PNPM_UNEXPECTED_STORE,说明 DSH profile 现有的 node_modules 与当前 pnpm store 不一致。重建该 profile 的依赖后,再重新安装插件:

cd $env:USERPROFILE\.dsh\profiles\web
Rename-Item node_modules node_modules.store-mismatch-backup
pnpm install
dsh plugin --profile web add dsh-ui-spec

确认 DSH 正常启动后再删除备份目录。

许可证

MIT

上游仓库有新提交时邮件通知你(每天最多一封,无更新不打扰),随时一键退订。

💬 加入 DPharness 群聊

插件用法、部署报错、新插件第一时间同步——群里问,比一个人翻文档快。

点击加入 QQ 群
DPharness 群聊二维码,手机 QQ 扫码进群
扫码进群