用途:把文字描述转化为设计精美、布局清晰的图表 HTML 文件,覆盖技术架构、流程逻辑、业务战略、数据可视化、信息展示五大类别共 35 种图表,如架构图、流程图、SWOT、甘特图、ER 图、桑基图、信息图等。
主要能力:内置 3 种视觉风格(黑白简约 mono、深色暗调 dark、Claude 暖色 claude),默认 Claude 暖色;技术类未指定时建议深色暗调。支持品牌风格扩展,可通过 npx getdesign@latest add <slug> 获取 DESIGN.md 并提取 token 应用。
使用方式:先识别图表类型,再读取对应类别模板(templates-tech.md、templates-process.md、templates-business.md、templates-data.md、templates-visual.md),必要时追问不超过 3 个问题,选择风格后生成单文件 HTML 并保存预览。输出为单文件 HTML,使用 HTML+CSS+内联 SVG,不用 Canvas 或 JS,布局采用 Flexbox/Grid,颜色用 CSS 变量,字体用系统字体栈。文件保存路径为 00 收件箱/画板/chart-craft/MMDD-主题.html。
适用场景:技术架构图、云基础设施、微服务、网络拓扑、部署图、C4、威胁建模、流程图、BPMN、泳道图、时序图、状态机、决策树、数据流、商业模式画布、SWOT、竞品分析、价值链、用户旅程、路线图、甘特图、OKR 树、组织架构、思维导图、ER 图、漏斗图、桑基图、热力矩阵、时间轴、韦恩图、对比表、KPI 看板、信息图、概念图、要点卡片等。
限制:复杂图需附图例;标题不超过 15 字,要点不超过 20 字;未指定类型时自动识别,无法判断则给候选;品牌风格需外部 skill 配合;其他收费、价格、平台细节暂未提供。