DeepSeek Harness 插件
DeepSeek Harness 插件Manifest 有效

dsh-live-canvas

DeepSeek Harness 的实时可视化前端开发工作台与组件热重载画布插件。

视觉与图像UI 与效率终端与 TUI开发者工具浏览器与 Web安全与策略远程执行
0GitHub Stars0Fork 数更新于2026-09-19

安装

$ dsh plugin --profile web add @goodandready/dsh-live-canvas

插件能力与用途

基于公开仓库快照由 AI 辅助整理,内容必须有源码依据;它不等同于兼容性验证或安全验证。

源码有据
dsh-live-canvas 是专为 DeepSeek Harness 设计的一体化浏览器可视化前端开发工作室。它提供基于 SSE 的实时热重载画布、多文件递归 ESM 打包、分屏代码抽屉、双击行内 WYSIWYG 编辑、浮动 Tailwind 样式微调器、自动 Storybook 组件矩阵、拖拽区块重排、视觉审计以及 20 个配套的 Agent 交互工具,支持一键导出 Vite 工程。

核心能力

  • 支持 HTML、React、Vue、SVG 及 Mermaid 图表的沙箱实时渲染与 SSE 热重载
  • 多文件递归 ESM 打包,无需外部构建工具即可解析子模块与本地静态资产
  • 集成双向同步的分屏代码抽屉与 DOM 元素检查器联动
  • 提供双击行内 WYSIWYG 富文本编辑、Tailwind 样式微调与拖拽式容器重排
  • 自动扫描工作区组件并生成 Storybook 风格的多视口(移动/平板/桌面)对比矩阵
  • 内置 AI 主题令牌系统、微动画工作室、上下文 Mock 数据生成及自动化视觉回归审计
  • 局域网移动端二维码实时预览分享与 1 键打包导出 Vite 独立工程

适用场景

  • 在 DeepSeek Harness 工作区内实时查看与微调 Agent 生成的前端组件与页面
  • 快速对比与测试多设备视口响应式布局和组件不同变体
  • 自动化审计 UI 界面是否存在文本溢出截断、色彩对比度或无障碍问题
  • 将 Agent 原型设计一键打包导出为标准的 Vite+React/Vue 生产代码项目

适合谁

  • 使用 DeepSeek Harness 进行前端和全栈开发的工程师与设计师
  • 需要即时可视化反馈与交互调试的 AI Agent 开发者

文档中可确认的限制

  • 依赖 DeepSeek Harness Web 平台与 Node.js 20+ 运行环境
  • 文件监听与局域网二维码分享受限于本地网络环境与工作区文件读写权限
  • 预览执行于隔离的浏览器 iframe 沙箱环境内

DSH 兼容性

DSH Plugin 针对具体版本记录的运行验证证据。没有结果只代表我们尚未测试,不代表不兼容。

尚未测试目前还没有发布运行兼容性测试结果。

安全信号

来自包元数据和源码检查的客观信号。这些信息用于辅助判断,不代表绝对安全保证。

目前还没有发布自动安全检查信号。

来源与 Registry 记录

展示此条目的公开来源、Registry 分类与最近一次源码检查信息,并与运行验证结果明确分开。

源码仓库
GooDAnDReaDY/dsh-live-canvas
Registry 来源
GitHub · dsh-plugin topic
Registry 分类
Plugin
源码检查
7b70a95 · 2026-09-20

本页面基于公开源码信息独立收录。DSH Plugin 与 DeepSeek 及插件作者均无隶属关系;安装前请始终以作者仓库中的最新说明为准。

仓库活跃度

GitHub Stars
0GitHub stars
Fork 数
0
未关闭 Issue
0
最近提交
2026-09-19
最近发布
2026-09-19
插件维护者

你在维护这个插件吗?

此条目根据公开仓库数据生成。如果你维护该项目,可以检查页面信息;如果你认为这个条目对用户有帮助,也可以在 README 或项目资源中引用它。

添加到 README
已收录于 DSHPlugin.app