GHJIVHIDD/dsh-plugin-canvas ↗★ 0
@deepseek-ai/dsh-plugin-canvas
DeepSeek Harness (DSH) 的画布预览插件：提供交互式 HTML 设计原型画布页签及模型工具
AI 分析
核心用途是提供 HTML 原型的可视化渲染与标注。适合需要让 Agent 渲染本地 HTML/URL、在画布上添加位置标注，并支持沙箱化 iframe 渲染的设计与开发任务。
安裝
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:GHJIVHIDD/dsh-plugin-canvas說明文件
閱讀完整 README ↗直接使用 GitHub 仓库地址
dsh plugin --profile web add github:GHJIVHIDD/dsh-plugin-canvas
使用示例（智能体视角）
请把 /workspace/design/index.html 渲染到画布，并标注“导航栏间距过大”。
→ canvas_preview(mode="render", file="/workspace/design/index.html",
annotations=[{"x":50,"y":12,"note":"导航栏间距过大，建议改为 24px"}])
在刚才的画布上追加两条备注。
→ canvas_preview(mode="annotate", notes=["按钮圆角建议统一为 8px", "移动端需要补充断点"])
清空画布。
→ canvas_preview(mode="clear")
🔧 Configuration / 配置
| 环境变量 | 说明 | 默认值 |
|---|---|---|
DSH_CANVAS_ALLOW_ROOTS | 额外允许读取的本地目录，多个用 : 分隔 | 当前工作目录 + ~/.dsh/canvas |
示例：
DSH_CANVAS_ALLOW_ROOTS=/Users/me/designs:/Users/me/prototypes dsh --profile web