🖥️

dsh-live-canvas

客户端更新于 2026.09.03

在终端中运行以下命令：

dsh plugin install GooDAnDReaDY/dsh-live-canvas

将以下提示词粘贴到 DeepSeek Harness 对话框中：

在 DeepSeek Harness 终端中执行以下命令即可安装此插件，项目完整源码地址为 https://github.com/GooDAnDReaDY/dsh-live-canvas ：

插件介绍

当编码助手在终端里吐出一堆静态代码片段时，前端开发者往往要手动复制到本地构建工具链才能看到效果，UI 评审还要在 IDE、终端、浏览器和设计工具之间反复横跳。dsh-live-canvas 把 DeepSeek Harness 变成一套完整的可视化前端工作台：内置内存级 ESM 打包器与 Babel/PostCSS 转译，支持 React、Vue、SVG、Mermaid 等现代语法，无需外部构建工具即可在聊天窗口内实时渲染并热更新预览。

插件围绕 30 个专属 Agent Tool 展开，覆盖从低保真线框图、发布路线图、动态架构图到多步原型的完整产出链路；内置 Retool 风格 CRUD 管理台、时间旅行调试器（可滑动快照时间轴并一键回滚）、一键多平台部署（Vercel / Cloudflare / Netlify / GitHub Gist）、Figma 与 Penpot 矢量桥接、以及基于 Web Audio API 零依赖的 UI 音效合成。

它适合希望用自然语言驱动前端原型、在对话流中直接审阅交互效果、并将成果快速落地到云端的前端工程师与全栈开发者。只要使用 DeepSeek Harness，装好插件即可把"写代码—看效果—调细节—部署上线"压缩到同一个窗口里完成。