把 AI 生成的 HTML 渲染成画布,点文字即可改
27.4/100
综合分
1
GitHub 星标
—
npm 周下载
—/5
用户评分
数据截至 2026/9/16 · 周下载取自 npm 全网(含 CI / 镜像),非本站安装数;综合分由星标、活跃度与兼容性检查合成。
安装命令 · 需先装 dsh CLI 引擎
dsh plugin --profile web add Jinsong-Zhou/dsh-html-canvas该包不可直接 npm 安装,改从 GitHub 源安装(明细见下方安装检查)
状态速览
判定依据:实装验证 · 静态安装检查 · 自动扫描 · 仓库维护状态信任档位:已验证
图例:✓ 通过! 需注意— 未判定 / 无数据· 「未判定」= 本站尚无数据,不代表插件有问题
档位由哪些信号合成
本站实装验证(真实安装 L4 覆盖全站;L5 为运行时冒烟或实机截图,覆盖范围小于 L4) · 验证所用 dsh 版本 · 静态安装检查 · 风险分级 · 仓库维护状态。 下方各区块是它的证据明细。
给这个插件打分还没有人投票↓
用户评分
还没有人投票,来当第一个
功能亮点
- 渲染HTML为画布
- 点击文字直接编辑
DeepSeek Harness 插件,把 AI 生成的 HTML 变成聊天旁的画布,点一下就能改。
README
由 DeepSeek 最新模型翻译生成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 进程并刷新浏览器。
展开完整文档(README 剩余 1 节)
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
预览分享卡片长什么样 ↓
分享 · DeepSeek Harness Hub
Jinsong-Zhou/dsh-html-canvas
把 AI 生成的 HTML 渲染成画布,点文字即可改
相关插件 · 视觉能力
智能体工作台Devin-AXIS/iPolloWork
企业级、本地优先的智能体工作台,面向个人和智能体团队——一个工作区,容纳多个智能体引擎;一套统一体系,管理插件和技能;支…
★ 7,364已汉化DSH
72
开源设计工作台nexu-io/open-design
OpenDesign:首个协作式 AI 设计智能体工作区
★ 105,709已汉化DSH
71.8
GPT 图像提示词库freestylefly/awesome-gpt-image-2
Prompt as Code | GPT Image 2 / 2.5 提示词与案例库,530+ 个案例、20+…
★ 34,534已汉化DSH
71.5
多智能体编码工作区spacering-net/codeg
多智能体协作的 AI 编程工作区:汇总 Claude Code、Codex、OpenCode、Pi、Grok Build 等来源的会话。支持桌面应用、自托管服务器或 Docker。
★ 4,319已汉化DSH
71.5
AI 用量桌面小部件Javis603/token-monitor
EN | 简 | 繁 | KO | JA | PT
★ 3,533已汉化DSH
71.1
架构图生成器tt-a1i/archify
把你想理解、规划或分享的事,变成可以互动的可视化作品。
★ 93,105已汉化DSH
71.1
这个插件是你维护的吗?
作者本人可认领并核对本条目;认领通过后,详情页会显示「作者已认领」标记。