@Shang-ZZdsh-diagram-design
diagram-design（v2.6，作者 Cathryn Lavery，MIT）的DSH插件版本——一个"教 agent 画图"的技能：把图表画成单文件 HTML + 内联 SVG，用一套 editorial 设计系统（1 个强调色、1px 细线、无阴影、4px 网格、密度 4/10）。45 种图表类型，还支持 draw.io / Mermaid / Excalidraw 导入和 SVG / PNG 导出。
- Stars
- 0
- Language
- Python
- Created
- Oct 23, 2026
- Updated
- Oct 23, 2026
Introduction
dsh-diagram-design
Diagram Design tools and gallery for DeepSeek Harness: export HTML diagrams to SVG/PNG, import from draw.io / Mermaid / Excalidraw, validate output, and browse a gallery of 45 diagram types.
What it does
A DeepSeek Harness bundle with four agent tools and a web gallery panel:
| Tool | What it does |
|---|---|
diagram_export | Export a diagram-design HTML file to a standalone SVG and/or PNG. |
diagram_extract | Parse a draw.io / Mermaid / Excalidraw file into a normalized digest for redrawing. |
diagram_self_check | Validate a generated diagram HTML file (accessible-SVG, single-file safety, viewBox). |
diagram_doctor | Diagnose the environment: bundled scripts, python3, Playwright availability. |
The gallery panel (sidebar "Diagram Gallery") lists the 45 diagram types with live example previews.
Install
dsh plugin add github:Shang-ZZ/dsh-diagram-design
PNG export is the only feature that needs an extra dependency, installed once on demand (never automatically):
pip install playwright && playwright install chromium
Attribution
The bundled Python scripts and example diagrams come from
cathrynlavery/diagram-design
(MIT, Copyright (c) 2025 Cathryn Lavery). See THIRD_PARTY_NOTICES.md.