jiuyuechuwuhao/dsh-canvas-preview

README 摘要

🎨 dsh-canvas-preview DeepSeek Harness 的画板预览插件 — AI 生成的网页产物，实时预览 · 一键高清导出 Canvas preview panel for DeepSeek Harness — live-preview AI-generated HTML artifacts and export them as high-res PNG/JPG in one click. 🤔 什么是 DeepSeek Harness？ DeepSeek Harness（DSH） 是 DeepSeek 开源的 AI 智能体运行台 ：浏览器里跑一个能读写文件、执行命令、调用工具的 AI 编程助手。 它的每一项能力都是一个 Cordis 插件 —— 本项目就是其中之一。 DeepSeek Harness (DSH) is DeepSeek's open-source agent harness: a browser-based AI coding assistant whose every capability is a Cordis plugin. This project is one of them. ✨ 它解决什么问题 / What it solves 用 DSH 做内容创作时，AI 经常生成 自包含 HTML 产物 ——架构图、信息图、网页原型、幻灯片…… 但你只能去文件夹里双击打开，来回切换窗口。 dsh-canvas-preview 把「Gemini / Claude 的 Canvas 画板体验」带进 DSH ： 🖼 画板页签 与「聊天」并排的独立视图，左侧文件列表 + 右侧沙箱实时预览 🔄 自动同步 每 4 秒扫描工作区，AI 一保存你立刻看到， 无需手动刷新 ↗️ 右上角通知卡 AI 生成新产物瞬间弹出 实时渲染缩略图 ，整卡可拖动、可展开、可调大小 📂 另存为 原生 macOS 目录选择器，默认 HTML 同目录，可改存「下载」或任何位置 📥 PNG/JPG/SVG 导出 位图：Chrome 无头 2x 高清（3200×2400）· 2s ；矢量： SVG 直提 （瞬时 · 无限缩放）· 点击结果直达 Finder 🌓 细节体验 宽度三档（适配/1280/手机竖屏）· 深色预览 · 导出耗时显示 🏗 架构 / Architecture 双平面 Cordis 插件： Client 半 （浏览器）注册画板页签与通知卡，通过独立 RPC 频道 /canvas （不占用官方 /api 拦截器）调用 Host 半 （Node.js）的文件扫描与导出引擎。 导出采用「Chrome 后台启动 + 轮询截图文件 + 稳定即杀」策略——不受被墙字体影响，永不挂起。 🚀 安装 / Install 别人装只需要一条命令（会自…

分类