html-effectiveness-diagram
Installation
SKILL.md
05-diagram — 插画与图表
"Inline SVG gives the agent a real pen. Ask for the figures for a post or a flowchart of a process and get vector art you can tweak by hand or paste straight into the final document."
何时用
| 用户说 | 用哪个范式 | 模板 |
|---|---|---|
| "画一下我们的 deploy pipeline" | 流程图 | ../../templates/flowchart.html |
| "状态机长什么样" | 同上 | 同上 |
| "request flow / data flow 怎么走" | 同上（或参考 01-explore 的 plan 数据流） |
— |
| "给这篇博客配几张图" | SVG 插图集 | 自建（见下） |
不要用 mermaid / d3 / excalidraw。直接写 inline SVG——更可控、零依赖、可手改。