视觉与输入

dsh-ui-spec

把 UI 截图变成可直接落地的规格:token、间距刻度、布局网格。

这是什么

一个 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.
来自上游 README

它对设计意味着什么

  • 像素坐标、间距刻度和 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

  1. 在终端里运行这条命令。

    dsh plugin --profile web add dsh-ui-spec
  2. 重启 dsh web,让它加载这个插件。

  3. 然后描述你想要的设计,DeepSeek Harness 会自动用上插件提供的工具。

如何配合 DeepSeek Harness 使用

  1. 装上插件,几何层零配置、离线就能跑。

  2. 语义层可以按需指向任何兼容 OpenAI 接口的视觉端点。

  3. 把截图交给 Agent,照返回的规格来实现,而不是照着图猜。

这里的每个插件都可以免费安装,并附上真实的上游源地址。

在 DeepSeek Harness 仓库里了解更多 ↗

下一步

用 NEXGERCORE 做设计,省掉那些配置

你可以自己装这个插件,也可以用 NEXGERCORE 在 DeepSeek Harness 外面套一整层精选设计层。自带 API Key,产出归你所有。

NEXGERCORE 桌面客户端

一套设计系统,让每一次创作都保持品牌一致

在完整的 NEXGERCORE IDE 中,用同一套品牌规则生成网页、PPT、可交互原型、数据看板、图像与 HTML 视频。连接本地 Codex、Claude Code、Cursor 等编程助手,即可免费创作。

  • 覆盖网页、PPT、原型、数据看板、图像与视频
  • 140+ 设计系统,以及完整模板与技能库
  • 连接本地 Codex 与 21+ 款编程助手 · 免费使用
免费下载

支持 macOS、Windows 与 Linux