用途:Chart Craft 是信息可视化技能,把用户的文字描述转化为设计精美、布局清晰的单文件图表 HTML,目标是信息准确、视觉舒适、截图即可分享。
主要能力:支持 10 种图表类型——流程图、架构图、ER 图、商业模式画布、用户旅程图、思维导图、竞品分析图、SWOT 分析、产品路线图、组织架构图。用户未指定类型时,会依据描述内容自动判断;无法判断时询问用户并列出 2-3 个合适选项。内置 3 种视觉风格:黑白简约(mono)、深色暗调(dark)、Claude 暖色(claude),默认使用 Claude 暖色;用户可指定品牌风格,此时调用 brand-design-md skill 获取设计 token,命令为 cd /tmp && mkdir -p design-md-tmp && cd design-md-tmp && npx getdesign@latest add <slug>,再读取生成的 DESIGN.md 提取颜色、字体、圆角等。生成后用户可要求切换风格重新输出。
使用方式:工作流为识别图表类型、收集内容(信息不足时追问不超过 3 个具体问题)、选择风格、生成 HTML。输出为单文件 HTML,CSS 写在 style 标签内,不使用 JavaScript,用 HTML+CSS 布局而非 Canvas,字体使用系统字体栈,颜色用 CSS 变量,页面最大 1400px 居中。文件保存路径为 00 收件箱/画板/chart-craft/MMDD-主题.html,主题名 2-4 字,生成后用 open 命令打开浏览器预览。
适用场景:工作流与决策树、系统架构、数据模型、商业模式分析、用户体验触点分析、头脑风暴、竞品对比、战略分析、版本规划、团队结构等。
限制:资料未提供收费、价格、平台支持范围等信息;生成依赖用户提供足够内容,信息不足时需追问;不使用 JavaScript,因此不支持交互式图表。