dsh-canvas

跑在 DeepSeek Harness 上的通用创作画布插件：把一个项目铺成一张无限画布，通过创建不同的卡片类型，来配合完成大型复杂的任务，比如产品设计、应用开发等。同时，通过连线引用，基于已有的卡片，进行多方向的探索创作，比如基于同一份产品文档，生成多种风格的设计稿，更好保留你的探索过程。

---

安装插件

环境要求

项	要求
Node	^22.19 || >=24
包管理器	pnpm >=9（本仓库锁定 pnpm@10.17.0）
Harness	dsh >= 0.1.0-rc.6

从源码安装

# 1. 拉取源码并构建（prepare 脚本会自动跑 build）
git clone https://github.com/ljcoder2015/dsh-canvas.git
cd dsh-canvas && pnpm install && pnpm run build

# 2. 从本地目录安装进 web profile
dsh plugin --profile web add .

也可以直接从 Git 安装：

dsh plugin --profile web add https://github.com/ljcoder2015/dsh-canvas

包的安装名是 scoped 的 @ljcoder2015/dsh-canvas：裸名 dsh-canvas 在 npm 上已被他人占位（2026-08-19 发布的 0.0.1 占位包），所以本仓库走 scope，dsh plugin --profile web add dsh-canvas 装到的是别人的包。目前尚未发布到 npm，请用上面的本地路径或 Git 地址安装；发布后 dsh plugin --profile web add @ljcoder2015/dsh-canvas 即可。

pnpm ≥10 会拦截安装期的 prepare 构建。按 dsh 的提示在该 profile 的 pnpm-workspace.yaml 里加 allowBuilds: { '@ljcoder2015/dsh-canvas': true } —— 该授权允许包在安装时执行代码，只对可信来源开放并锁定 commit。

启动

dsh web --no-open                                     # 终端首行打印访问地址与 token（token 每次重启都会变）
dsh plugin --profile web remove @ljcoder2015/dsh-canvas # 卸载

---

路线图

已实现

能力	现状
文本	Markdown 与纯文本文档：全屏预览渲染、原地编辑、停手自动落盘、未保存拦关闭；数据图表（CSV / JSON）按表格呈现
设计	.design 矢量设计文档——多画板场景图（基于 OpenPencil 底座），画布内直接渲染，Agent 可读结构、可按 ops 精确改图层
应用	新建应用即建一个文件夹并写入 web 应用脚手架（清单 + 入口 + shadcn 设计令牌 + Web Components），沙箱 iframe 全屏真跑、可点选元素让会话改代码；HTML Deck 与站点同属这一族

后续

能力	计划
图片	图片产物接入生成与编辑闭环，与文本、设计共用同一套卡片与引用关系
视频	视频产物的生成与预览
音频	音频产物的生成与预览

---

许可

MIT © 2026 ljcoder2015