dsh-openpencil
Preview, inspect, and edit real .op OpenPencil design documents inside DSH conversations — headless rendering, a read-only canvas, and a managed editor.
What it is
Preview, inspect, and edit real .op OpenPencil design documents inside DSH conversations — headless rendering, a read-only canvas, and a managed editor.
How to install
Run this in the DSH web profile, then refresh the page.
$ dsh plugin --profile web add @zseven-w/dsh-openpencil@0.1.0-rc.14
DSH versions accepted
Undeclared
Author and traction
ZSeven-W · ★ 239 · Updated 2026-10-28
About this plugin
DSH OpenPencil
The DeepSeek Harness plugin for OpenPencil — preview, inspect, and edit real .op documents inside a conversation. Exact Multi-Frame Previews • Interactive Canvas • Managed Editor • Agent-Native Design Tools
npm: @zseven-w/dsh-openpencil · Current plugin release: 0.1.0-rc.14 · Editor panel verified on DSH Desktop 0.2.1-rc.3
English · 简体中文 · 繁體中文 · 日本語 · 한국어 · Français · Español · Deutsch · Português · Русский · हिन्दी · Türkçe · ไทย · Tiếng Việt · Bahasa Indonesia
Exact multi-frame .op previews with an interactive canvas and the managed editor workbench Why DSH OpenPencil
DSH OpenPencil connects DeepSeek Harness with OpenPencil so an Agent drives a real, editable, interactive design canvas instead of returning a generated image.
🖼️ Exact Multi-Frame Previews
The installed OpenPencil headless exporter renders design-faithful previews: the first top-level frame as a large replay-safe PNG, plus a horizontally scrollable thumbnail rail, click-to-select, and previous/next navigation for multi-frame documents.
🗺️ Interactive Canvas
"Open interactive canvas" lazily mounts the read-only OpenPencil Web SDK with pan, zoom, and fit — inspect any page, nested node, or inactive page without leaving the conversation.
✏️ Managed Editor
With editable: true, the edit action opens the managed OpenPencil editor — selection, layers, properties, drawing tools, undo/redo, and explicit save semantics — in a resizable right-hand workbench with a full-screen option.
Similar plugins
open-design
Local-first design product: detects your installed code-agent CLI, runs design skills + design systems, streams artifact…
huashu-design
花叔Design：用HTML做高保真原型、幻灯片、动画与可视化，导出PDF和可编辑PPTX。
dsh-web
DeepSeek Harness Web GUI 插件全家桶。皮肤、宠物与社区插件索引已拆分为独立仓库（dsh-skins / dsh-pet / dsh-community-plugins），本仓通过 npm 包内置它们。