设计工作流

dsh-web-review

在真实页面上指着元素做可视化标注,Agent 直接改源码。

这是什么

给 harness web UI 内置一个浏览器:像在设计工具里一样悬停高亮、点选元素,附上批注,还能现场试调视觉效果——文字、颜色、字体、尺寸、间距、边框、特效。标注会带上选择器和源码线索,Agent 能据此定位并修改代码。

Select page elements in the built-in browser as you would in a design tool, leave feedback, and preview changes to text, colors, typography, dimensions, spacing, borders, and effects. Once submitted, the agent uses your page annotations to update the source code.
来自上游 README

它对设计意味着什么

  • 指着页面标注,取代用文字描述 UI 问题。
  • 实时调整让改动先在页面上预览,代码一行都还没动。
  • 自带八个设计 Skill,从 better-typography 到 interface-review,都能在标注编辑器里直接用。

包含哪些内容

  • Web Preview
  • Element Annotations
  • Live Visual Adjustments
  • AI Collaboration
  • UI Design Skills

如何安装

dsh-web-review

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

    dsh plugin --profile web add @canglongcl/dsh-web-review
  2. 重启 dsh web,让它加载这个插件。

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

如何配合 DeepSeek Harness 使用

  1. 装上插件,启动 dsh web。

  2. 在 Web Preview 标签页里打开你正在跑的应用,标出该改的地方。

  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