DeepSeek Harness Hub
← 返回列表

HTML 可编辑画布Jinsong-Zhou/dsh-html-canvas

DeepSeek Harnessspec-screened在 GitHub 查看 ↗
未验证

把 AI 生成的 HTML 渲染成画布,点文字即可改

尚未跑自动兼容性验证,可查看页面内的依赖与入口分析。 · 最近上游提交 2026/8/14 · 已提供中文文档

一个 DeepSeek Harness 插件,可将 AI 生成的 HTML 转换为聊天旁边的点击即可编辑的画布

综合分
27.4
GitHub 分
27.4
用户评分
★ Stars
1
周下载量
安装插件(需先安装 dsh CLI 引擎:npm install -g @deepseek-ai/dsh)
dsh plugin --profile web add Jinsong-Zhou/dsh-html-canvas
该插件未发布到 npm,走 GitHub 源安装(pnpm 若拦截 prepare 脚本,按其提示在 pnpm-workspace.yaml 的 allowBuilds 中放行后重跑)
数据截至 2026/9/16(元数据每日更新 · 实装验证按队列轮转,单条结论的验证时间见上方)
用户评分
还没有人投票,来当第一个
订阅周报,不错过优质插件更新
每周一封 · 高评分插件 + 新用户活动

README

dsh-html-canvas

一个 DeepSeek Harness 插件:把 AI 生成的 HTML 变成聊天旁边点击即可编辑的画布。

DSH 的 Agent 能做出完整的 HTML 页面,但 Web UI 只能把它显示成一段大多数人读不懂、更改不动的代码块——这个插件补上了这一环:Agent 把做好的页面交给一个工具,页面就在聊天旁边的画布中渲染出来,任何人点击页面上的文字即可修改,始终不需要碰源码。

dsh-html-canvas

特性

- 点哪改哪 —— 渲染页面上的任意文字都可编辑:标题、按钮、导航链接、 裸文本、甚至页面脚本后插入的文字。
- 并排而非遮挡 —— 画布挤压聊天列而不是盖住它,左缘拖拽把手可调宽度。
- 住在聊天里 —— 工具调用渲染为一个链接;随时关闭画布,点链接即可找回,编辑内容和宽度都保留。
- 安全且本地化 —— sandbox iframe 隔离,输出不含编辑器痕迹,界面文案跟随 DSH 语言(English / 中文)。

安装

npx -y @deepseek-ai/dsh plugin --profile web add @jinsong-zhou/dsh-html-canvas@latest

然后重启 DSH web 进程并刷新浏览器。本地检出安装:在 profile 的 package.json 声明 file: 依赖,并在 cordis.patch.yml 中插入:

- insert:
- id: html-canvas
name: '@jinsong-zhou/dsh-html-canvas'

使用

向 Agent 要任何页面——"做一个苹果风格的个人主页"——画布带着结果打开,点击文字即可修改。

开发

node tests/host.test.mjs      # host 契约(插件必须保持零依赖)
node tests/client.test.mjs    # client 行为
DSH_WEB_URL=http://127.0.0.1: node tests/verify-deployment.mjs

注:host 半边刻意不 import 任何包——插件自带的 @deepseek-ai/* 依赖会被提升进 profile、遮蔽宿主同名包,导致所有工具调用崩溃。测试对此有回归保护。

许可证

MIT

上游仓库有新提交时邮件通知你(每天最多一封,无更新不打扰),随时一键退订。

同作者(Jinsong-Zhou)的其他插件

💬 加入 DPharness 群聊

插件用法、部署报错、新插件第一时间同步——群里问,比一个人翻文档快。

点击加入 QQ 群
DPharness 群聊二维码,手机 QQ 扫码进群
扫码进群