DSH Sketch Reference

在 DSH 会话里画草图，让 Agent 读图、讨论并继续实现。 用 Excalidraw 表达页面布局、PPT 分区或手绘想法；用 Sketch Graph 串联页面与细节。原生聊天、工作区和模型配置继续沿用 DSH。

总览看关系，双击画细节。分屏与全屏随时切换。演示素材说明

从草图到下一步

画板与对话保持接续： 草图按会话保存，Agent 按需读取结构和 PNG；批注可以定位到图形。根草图的 AI 修改先预览、再确认，旧提议不能覆盖新版本。绘图、移动和查看批注不触发模型请求。

快速开始

预先安装 DSH Web 0.2.1-alpha.1 或 0.2.1-alpha.2，并确保 pnpm 可用。无需另装 Excalidraw 或额外配置 AI 密钥。升级前等待草图保存、导出备份并退出正在运行的 DSH。

通过官方插件管理器安装 v0.7.0：

dsh plugin --profile web add https://github.com/Amadeus2027/dsh-sketch-reference/releases/download/v0.7.0/dsh-sketch-reference-0.7.0.tgz
dsh web

1. 选择工作区与会话，点击输入框旁的 「参考板」，画图并填写用途。
2. 等待 「已保存」，回到原生聊天：“按当前草图制作页面”。也可点 「作为参考发送」 添加 PNG 附件。
3. 继续讨论，或请求批注与修改；检查修改预览后确认，聊天消息由你发送。

其他安装方式仍然保留：

dsh plugin --profile web add /绝对路径/dsh-sketch-reference-0.7.0.tgz
dsh web

pnpm install --frozen-lockfile
pnpm run bundle
# 等待保存并退出 DSH；路径替换为实际解压目录
dsh plugin --profile web add "/绝对路径/dsh-sketch-reference-0.7.0"
dsh web

Sketch Graph：一张草图，一个节点

• 组织设计。 用节点命名页面，区分页面跳转和细节展开；从元素、多元素或框选区域连接细节。
• 保持可编辑。 双击进入 Excalidraw，沿面包屑返回；旧草图保留为根节点，不覆盖迁移。
• 按需提供上下文。 Agent 先读图关系和摘要，需要细节时再读指定节点与 PNG。
• 继续原生工作流。 自动保存、冲突保护、可编辑备份与添加式恢复；全屏仍可使用原生聊天。

完整使用指南 · 安装与升级 · 文档索引 · DeepWiki

参与改进

觉得有用，欢迎 Star 关注更新。带着脱敏草图与复现步骤 反馈问题，或按 贡献指南 提交 PR。

MIT · 绘图来自 Excalidraw · 图总览来自 React Flow · 复用说明 · 第三方许可