dsh-plugin-canvas-pro

dsh-plugin-canvas-pro

Canvas-Pro for DeepSeek Harness: a Web drawer plus eight model tools for creating, patching, versioning, and exporting canvas artifacts.

What it does

After install, the Web session header gets a Canvas button. The agent can create HTML, Markdown, Mermaid, SVG, or React artifacts; the drawer previews them in a sandboxed iframe.

Model tools:

Selecting text in the preview opens Explain / Refactor / Fix / custom prompt actions and submits them into the current chat.

Compared with open-source DSH plugins

Sources are the plugins' own listings on awesome-dsh-plugin. This table only covers claims that those listings make and that this repo implements.

Same-name plugins that are not competitors here:

• dsh-agent-canvas — Agent / Subagent / Workflow graph, not document artifacts.
• dsh-ark9canvas — image generation workbench.
• dsh-web-artifact-designer — a skill that writes HTML/SVG files, not a live drawer.

Where the others are stronger:

• live-canvas: real React / Vue / Mermaid runtimes, SSE hot reload, device matrix, Vite ZIP.
• canvas-preview: first-class PNG / JPG export from workspace HTML.
• generative-ui: streaming TSX compile, no extra tool schema, clicks inside a card start the next turn.

Where Canvas-Pro is stronger for DSH artifact work:

1. Patch instead of regenerate. The agent can replace a selected span or a line range. Preview plugins usually take a new full document.
2. Text selection is a first-class agent input. The drawer posts the span into the current composer; the host can also read it via get_canvas_selection.
3. Version time machine. Each patch is a snapshot; the agent can list, diff, and revert without rewriting the file from scratch.
4. Export is a model tool, not only a UI button: markdown / html / svg / png / json from export_canvas_artifact.
5. Local artifact store survives Web restarts under $DSH_HOME.

Not claimed: richer live React/Mermaid than live-canvas; streaming TSX than generative-ui; raster PNG/JPG reliability than canvas-preview.

Install

dsh plugin --profile web add github:lokih1028/dsh-plugin-canvas-pro

Restart the Web profile, then refresh the GUI.

Config

- id: canvas-pro
  name: dsh-plugin-canvas-pro
  config:
    maxHistoryPerArtifact: 50
    enableReactPreview: true

Artifacts are stored under $DSH_HOME/storages/canvas-pro/artifacts.json when DSH_HOME is set.

Limits

• React artifacts currently show source in the preview sandbox; they are not executed as a live React tree.
• Mermaid artifacts show source unless you convert them to HTML.
• PNG export tries a browser rasterization of the SVG preview; if that fails it falls back to SVG.
• Selection line numbers come from the rendered preview, not always from source lines. Prefer replace_selection over replace_range when the two disagree.

License

MIT