前言¶
DSH 的理念是「一切皆插件」，社區目錄是獨立站點，與 DeepSeek / 幻方無官方從屬關係。對智能體開發者來說，模型經常需要輸出路線圖、時間線、流程、能力地圖等信息。若這些信息只以 Markdown 代碼塊出現，開發者往往需要複製 DSL、打開外部工具渲染、再導出 SVG 或 PNG。dsh-antv-infographic 把這部分流程放回 DSH 回覆中：模型輸出 infographic fenced block 後，插件可以直接渲染爲 AntV Infographic SVG，並支持本地編輯與導出。
這是什麼¶
dsh-antv-infographic 是一個 DSH 插件，由 HellowVirgil 維護，許可證爲 MIT。它用於在 DeepSeek Harness（DSH）回覆中渲染可編輯、可導出的 AntV Infographic SVG。
核心能力¶
下面介紹主要能力：
- 支持約 200 個 AntV Infographic 模板。
- 在模型流式響應時漸進渲染。
- 默認進入 view mode，可切換到 local editing mode。
- 可導出 SVG 或 PNG，並複製 source DSL。
- 當 DSH 可用
fence-registry時，插件使用該註冊機制；舊宿主使用 DOM fallback，顯示fence-channel=dom而不是fence-channel=registry。 - 按需加載 AntV engine，不阻塞 DSH 初始頁面加載。
- 限制模型生成源大小，並阻止 executable markup、dangerous URLs 和 private-network resources。
- 提供可選的
antv-infographicSkill，用於更詳細的模板選擇和 DSL 生成指導。
安裝與啓用¶
1、把插件安裝到 web profile：
dsh plugin --profile web add dsh-antv-infographic
2、安裝完成後，重啓 dsh web，並在瀏覽器中硬刷新頁面。
3、如果 agent 環境會讀取 ~/.agents/skills，並且希望獲得更詳細的模板選擇與 DSL 生成指導，可安裝可選 Skill：將 SKILL.md 複製到 ~/.agents/skills/antv-infographic/SKILL.md。插件本身不要求單獨安裝 Skill。
典型用法¶
在新會話中，可以使用下面這個示例提示：
Use infographic to create a roadmap from product research to scaled launch.
模型輸出 infographic fenced block 後，插件會把它漸進渲染爲 AntV Infographic SVG。經過上面的步驟，可以在 DSH 回覆中查看信息圖，並在本地編輯、導出 SVG/PNG、複製 source DSL。
適用場景與注意¶
適合以下場景：
- roadmaps
- timelines
- processes
- capability maps
- hierarchies
- comparisons
- data stories
- executive summaries
不適合以下場景：
- forms
- operational buttons
- quizzes
- complex business panels
- interactions whose results must be sent back to the model
注意：插件會限制模型生成源大小，並阻止 executable markup、dangerous URLs 和 private-network resources。由於插件以當前 dsh 進程權限運行，安裝前應檢查源碼與許可證。插件許可證爲 MIT，AntV Infographic 也爲 MIT。
相關鏈接¶
- 目錄頁（
catalog_url字段提供；目錄爲獨立站點，不與 DeepSeek / 幻方構成官方從屬關係）：https://www.skillhub.cn/plugins/HellowVirgil/dsh-antv-infographic - GitHub：https://github.com/HellowVirgil/dsh-antv-infographic
