这是什么
一个 analyze_ui_image 工具,把截图或样机转成结构化的前端规格。确定性的几何层量出精确尺寸、配色、建议的设计 token、布局网格和间距刻度;可选的视觉模型再在上面补语义。
DeepSeek Harness plugin: turn UI screenshots into structured, implementation-grade web frontend specs. Deterministic geometry (sharp) + optional vision-model semantics, merged into one JSON + Markdown spec.
它对设计意味着什么
- 像素坐标、间距刻度和 token 配色都是确定性算出来的,不是视觉模型猜的。
- 规格字段直接对应实现:建议 token 对应设计 token,间距刻度对应 CSS。
- 语义角色给出意图,几何层给出位置,合并成一份 JSON 加 Markdown 的规格。
包含哪些内容
- Why this exists
- Configure the semantic layer
- The tool
- How to use the spec
- Status & caveats
如何安装
dsh-ui-spec
-
在终端里运行这条命令。
dsh plugin --profile web add dsh-ui-spec -
重启 dsh web,让它加载这个插件。
-
然后描述你想要的设计,DeepSeek Harness 会自动用上插件提供的工具。
如何配合 DeepSeek Harness 使用
-
装上插件,几何层零配置、离线就能跑。
-
语义层可以按需指向任何兼容 OpenAI 接口的视觉端点。
-
把截图交给 Agent,照返回的规格来实现,而不是照着图猜。
这里的每个插件都可以免费安装,并附上真实的上游源地址。
在 DeepSeek Harness 仓库里了解更多 ↗下一步
用 NEXGERCORE 做设计,省掉那些配置
你可以自己装这个插件,也可以用 NEXGERCORE 在 DeepSeek Harness 外面套一整层精选设计层。自带 API Key,产出归你所有。