dsh-uisketch
在终端中运行以下命令:
dsh plugin install chouyulanxia114514/dsh-uisketch
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在终端执行 dsh plugin install chouyulanxia114514/dsh-uisketch 即可安装,插件源码详见 https://github.com/chouyulanxia114514/dsh-uisketch
插件介绍
AI 辅助 UI 开发里最卡的一环,往往不是模型能力,而是草图到布局描述之间的手动搬运。dsh-uisketch 把 ui-sketch-to-ai 画板编辑器完整嵌入 DSH Web 界面,侧栏一键打开全屏画布,拖拽组件、调整属性、设置画布尺寸、上传背景图全部开箱即用。布局完成后,一键将结构 JSON(含标注,背景图仅保留存在性标记)复制到剪贴板,直接喂给 AI 提示词,省去来回切换工具的摩擦。
构建产物已内置在插件包内,重启 DSH Web 即可使用,无需额外构建步骤。如果本地重新构建了 ui-sketch-to-ai,只需设置 DSH_UISKETCH_DIST 指向自定义 dist 目录再重启,即可热替换画板引擎。
适合在 DSH 工作流中反复把 UI 想法变成结构化描述的小团队和产品经理:设计师快速出草图,前端同学把布局 JSON 直接交给 AI 生成代码,全程不离开当前窗口,协作链路显著缩短。
截图预览
使用场景
- 在 DSH 工作流中快速把 UI 草图转为 AI 可消费的 JSON 布局描述
- 无需切换外部工具即可完成组件拖拽、属性编辑与画布尺寸调整
- 设计师出图后一键将结构描述复制到剪贴板,直接交给 AI 生成前端代码
适合人员
- 在 DSH 中做 UI 辅助开发的前端工程师
- 需要将 UI 想法快速结构化为可复用描述的产品经理
- 在 AI 工作流中频繁进行草图到代码转化的设计协作团队