dsh-live-canvas
Renders HTML, React (JSX/TSX), Vue, SVG, Mermaid and Markdown written by the agent in an isolated iframe sandbox with SSE hot-reload, and adds a DOM click inspector, side-by-side visual diff, a responsive device matrix and one-click Vite ZIP export.
在隔离的 iframe 沙箱中实时渲染 Agent 生成的 HTML、React (JSX/TSX)、Vue、SVG、Mermaid 和 Markdown，支持 SSE 热重载，并提供 DOM 点击检查器、并排视觉对比、响应式设备矩阵和一键 Vite ZIP 导出。
How to install
dsh plugin add @goodandready/dsh-live-canvas About
📦 @goodandready/dsh-live-canvas --- ⚡ Overview & The Problem When coding assistants work in standard terminal or chat windows, they typically produce static code snippets or markdown blocks. This creates critical friction: 1. **No Live Feedback**: Developers cannot see or test interactivity, form validations, animations, or responsive breakpoints without manually copying code into a local build toolchain. 2. **Context Fragmentation**: Reviewing UI changes requires switching back and forth between IDE, terminal, browser, and design tools. 3. **Verbose Text Overload**: Explaining architecture, …
Recommendation signals
Meta
- License
- MIT
- Language
- JavaScript
- GitHub stars
- 0
- mo. downloads
- –
- Last push
- 2026-09-02
- Created
- 2026-08-31
Basic safety check
- Findings
- None
- Sources
- curated:awesome-dsh-plugin.com, curated:awesome-dsh-plugin/awesome-dsh-plugin
- Topics
- canvas, deepseek-harness, dsh, dsh-plugin, hot-reload, html, mermaid, preview, react
Related plugins
openclaw
openclaw/openclaw
The AI that really does things. Any OS. Any Platform. The lobster way. 🦞
Figma-Context-MCP
GLips/Figma-Context-MCP
MCP server to provide Figma layout information to AI coding agents like Cursor
ms-365-mcp-server
softeria/ms-365-mcp-server
A Model Context Protocol (MCP) server for interacting with Microsoft 365 and Office services through the Graph API