用途：把文字描述转化为设计精美、布局清晰的图表 HTML 文件，做到信息准确、视觉舒适、截图即可分享。触发方式如“画个 XX 图”“生成 XX”。
主要能力：覆盖 5 大类 35 种图表。技术架构（架构图、云基础设施、微服务、网络拓扑、部署、C4、威胁建模）、流程逻辑（流程图、BPMN、泳道、时序、状态机、决策树、数据流）、业务战略（商业模式画布、SWOT、竞品分析、价值链、用户旅程、路线图、甘特、OKR 树、组织架构、思维导图）、数据可视化（ER、漏斗、桑基、热力矩阵、时间轴、韦恩、对比表、KPI 看板）、信息展示（信息图、概念图、要点卡片）。未指定类型时按描述自动识别。
使用方式：按五步流程执行——识别图表类型、读取对应类别模板（templates-tech.md / templates-process.md / templates-business.md / templates-data.md / templates-visual.md）、必要时追问不超过 3 个问题、选择风格（读取 references/style-presets.md）、生成单文件 HTML 并保存预览。品牌风格流程：运行 cd /tmp && mkdir -p design-md-tmp && cd design-md-tmp && npx getdesign@latest add <slug> 2>&1，读生成的 DESIGN.md 提取 token。文件保存至 00 收件箱/画板/space-chart-html/MMDD-主题.html，生成后执行 open 预览。
风格：默认 Claude 暖色（claude）；技术架构类建议深色暗调（dark）；“简约/干净/Notion”用 mono。
限制：仅用 HTML + CSS + 内联 SVG，不用 Canvas/JS；布局用 Flexbox/Grid；标题不超过 15 字，要点不超过 20 字；复杂图必须附图例。品牌风格清单暂未提供。