dsh-antv-infographic
适用于 DeepSeek Harness 的 AntV Infographic 渲染器：支持内联渲染 AI 生成的信息图围栏、流式输出、编辑以及 SVG/PNG 导出。
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add github:HellowVirgil/dsh-antv-infographic#772040f6f4acfd51a58d421763969840c06bf3b8Antv Infographic 以 dsh-antv-infographic 发布，当前版本为 0.1.1。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
🌐 简体中文 | English
Render editable and exportable AntV Infographic SVGs directly inside DeepSeek Harness (DSH) replies.
dsh-antv-infographic rendering an editable AntV Infographic inside DSH
Actual DSH rendering with progressive generation, local editing, SVG/PNG export, and DSL copying.
The model emits an infographic fenced block, and the plugin progressively renders the AntV Infographic DSL as SVG:
```infographic
infographic sequence-timeline-rounded-rect-node
data
title Product roadmap
sequences
- label Research
desc Identify the user problem
- label Launch
desc Release and validate
```
fence-registry when available, with a DOM fallback for older hostsantv-infographic Skill with richer template-selection and DSL-generation guidanceInstall the published package directly into a DSH profile:
dsh plugin --profile web add dsh-antv-infographic
This command installs everything required for DSH to generate and render infographic blocks. A separate Skill installation is not required.
Restart dsh web and hard-refresh the browser after installation.
git clone https://github.com/HellowVirgil/dsh-antv-infographic.git
cd dsh-antv-infographic
pnpm install
pnpm run check
dsh plugin --profile web add "link:$PWD"
If the profile already contains an older version, remove it before adding the local link again:
dsh plugin --profile web remove dsh-antv-infographic
dsh plugin --profile web add "link:$PWD"
The plugin already injects the essential DSL contract into the DSH system prompt. Install the Skill only if your agent environment discovers ~/.agents/skills and you want more detailed template guidance and examples for complex infographics.
From a source checkout:
mkdir -p ~/.agents/skills/antv-infographic
cp SKILL.md ~/.agents/skills/antv-infographic/SKILL.md
Or download the packaged Skill directly from GitHub:
mkdir -p ~/.agents/skills/antv-infographic
curl -fsSL https://raw.githubusercontent.com/HellowVirgil/dsh-antv-infographic/main/SKILL.md \
-o ~/.agents/skills/antv-infographic/SKILL.md
Try this prompt in a new session:
Use infographic to create a roadmap from product research to scaled launch.
The following browser console message confirms that the client is active:
[dsh-antv-infographic] client active; fence-channel=registry
Older hosts display fence-channel=dom instead.
The plugin has three parts:
infographic DSL contract into the DSH system prompt.When DSH provides a fence registry, the plugin registers a renderer directly. Otherwise, it observes the conversation DOM and replaces infographic code blocks with the same rendering component.
Best for roadmaps, timelines, processes, capability maps, hierarchies, comparisons, data stories, and executive summaries.
Not intended for forms, operational buttons, quizzes, complex business panels, or interactions whose results must be sent back to the model.
pnpm test
pnpm build
pnpm run verify:pack
Main entry points:
src/plugin/index.ts: prompt injection and asset routesrc/client/index.tsx: DSH client registrationsrc/client/InfographicBlock.tsx: AntV UI, editing, and exportsrc/client/dom-fence.tsx: fallback for older hostssrc/client/asset-infographic.ts: lazy AntV engine bundleMIT. AntV Infographic is also licensed under MIT.