技能介绍

它解决什么问题

把一段没有结构的文本变成可交付的思维导图，通常要经历三道坎：先把自然语言或会议记录归纳成单根树；再把树转换成某个内核能理解的数据结构；最后导出成别人愿意点开的文件。很多方案要求先把 Mind Elixir 装进项目、配构建工具，再把导图嵌入现有应用，但用户真正想要的可能只是“这段会议纪要做成图，双击就能看”。

这个技能把交付物定义为 单个独立 HTML 文件。输入可以是 bullet outline、Markdown headings、会议记录、topic tree 或结构化 JSON，输出是一个包含 Mind Elixir 渲染逻辑的 .html。它不负责把你的 React/Vue 项目接入 Mind Elixir，也不专门导出图片；目标是零配置、可分享、可预览。

核心能力与工作流

技能的核心是把非结构化输入收敛成 single-rooted hierarchy，再生成 MindElixirData JSON，最后套入模板：

解析并归并输入：接受自由文本、Markdown、已有树结构，最终必须压缩成一棵以单个根节点开始的层级树。
构造 MindElixirData：需要样式、图标、标签、链接或图片时优先使用 JSON；纯缩进/Markdown 列表也可以走 plaintextConverter。
生成独立页面：用模板替换 __TITLE__ 和 __MINDMAP_DATA__，其余 HTML 保持不动，Mind Elixir 核心从 CDN 加载。
交付与再导出：通过文件交付让用户直接预览或在浏览器打开，页面工具栏支持 PNG / SVG / 保存数据 / 导出 HTML。

渲染配置支持方向（MindElixir.LEFT / RIGHT）、工具栏、右键菜单、快捷键；如果节点包含 Markdown/富文本，还可以接 markdown parser。

适用边界与注意点

适合“给一份内容，产出能直接打开的文件”；如果你要嵌入 React/Vue 项目，应该用 Integrate Mind Elixir；如果只想要图片，应该用 Export Mind Map as Image。

首次打开依赖 internet access，因为 mind-elixir@5 的 JS/CSS 从 CDN 拉取；若要完全离线，需要下载 MindElixir.js 与 MindElixir.css 并把 CDN URL 改成相对路径。
CDN 里的样式文件是 MindElixir.css，不是 style.css，要和包的 dist 输出一致。
根节点和每个节点都应有唯一且稳定的 id；最好按内容路径确定性生成，避免刷新时整张图重新渲染。
节点文字保持简短，长文本会让布局变差，细节应放到子节点。
exportPng() 是异步的，截图失败可能返回 null，模板已做防护。
独立 HTML 不是 npm package，也没有 bundler；它解决的是交付文件，不是集成组件。