deepseek-harness-design
在终端中运行以下命令:
dsh plugin install heureux831/deepseek-harness-design
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 终端执行 dsh plugin install heureux831/deepseek-harness-design,或从 https://github.com/heureux831/deepseek-harness-design 的 Release 安装后重启 Harness,再在侧栏 + 中添加 Design。
插件介绍
在 Harness 里和模型聊界面时,最难的是把想法立刻变成可点、可滚、可跑脚本的原型,而不是一堆散落在对话里的代码片段。deepseek-harness-design 把这条链路收进右侧 Design 面板:模型通过 design_apply 写入 HTML,你在几秒内看到手机、平板或桌面视口下的真实预览,对话与画面始终对齐。
核心体验围绕「改得准、改得快」。开启元素选取后,点选页面上的节点,Harness 会把结构、文案与选择器上下文交给下一轮请求,适合局部样式或文案微调。需要探索不同方向时,可以为同一任务保留多个命名备选,并在各自下累积 r1、r2 修订;对比模式并排查看,历史修订只读回看,避免误改旧稿。
草稿落在 Harness 的 designer 存储域里,重启会话仍可恢复;有工作区时还可按需导出 HTML。预览在沙箱 iframe 中运行,原型脚本可在页内交互,但与 Harness 主界面隔离,表单直提被拦截,适合本地原型而非未加固的公网部署。
适合产品、设计、前端与全栈同学在需求澄清、交互演示或页面方向探索时使用:用自然语言描述页面,用选取精修细节,用备选与修订管理迭代,而不必在聊天与编辑器之间来回拷贝。
截图预览
使用场景
- 用对话快速生成可交互的首页或落地页原型并在侧栏预览
- 点选按钮或区块后让模型只改选中元素的样式或文案
- 并排对比「暖色咖啡风」与「深色编辑风」等不同设计备选
适合人员
- 需要和模型对齐页面方向的产品与设计同学
- 想在 Harness 里少拷贝代码、多看图的前端开发者
- 用自然语言迭代页面并保留多方案历史的全栈构建者