mindmap-markmap-viewer
将Markdown大纲一键转换为交互式思维导图，生成单文件HTML，离线可用。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：mindmap-markmap-viewer。 它的用途是：将Markdown大纲一键转换为交互式思维导图，生成单文件HTML，离线可用。 完整的 Skill 内容见：https://321skill.com/skills/mindmap-markmap-viewer/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我把这份项目计划Markdown大纲转换成思维导图’，AI会调用该Skill，处理你的Markdown文件，并生成一个可直接下载和打开的HTML文件，里面就是带有缩放、搜索工具栏的交互式思维导图。或者你说‘我想可视化这篇文章的章节结构’，AI同样可以将其大纲转换为清晰的树状导图。
介绍
这个Skill解决了将结构化文本（如笔记、计划、文档大纲）快速可视化为可交互思维导图的难题。用户只需提供遵循简单层级的Markdown文本，它就能自动生成一个包含完整工具栏（缩放、展开、搜索、导出）的独立HTML文件，无需网络即可在任何浏览器中打开查看。
使用方式非常直接：用户提供Markdown内容，Skill通过内置的Python脚本处理（如应用预设样式、设置展开层级），并调用本地集成的markmap.js库，最终输出一个自包含的HTML文件。整个过程无需用户配置任何外部依赖或在线服务。
它非常适合需要梳理思路、进行知识整理、制作可分享演示材料的内容创作者、学生、项目经理和开发者。无论是将会议笔记变成可视化的树状图，还是将项目计划文档转化为可探索的导图，都能轻松应对。
与许多在线思维导图工具或需要复杂配置的本地库不同，该Skill的核心优势在于其“开箱即用”和“结果可移植”。它直接集成在AI工作流中，生成的HTML文件包含了所有必要的样式和脚本修复（如解决白色文字显示问题），确保了跨环境的一致性和可靠性，尤其适合嵌入到Streamlit应用或通过邮件分享。
核心特点
核心区别在于其输出是经过精心修复和样式优化的单文件离线HTML，解决了原生markmap常见的白色文字显示问题，并内置了按层级展开控制和上下文保持搜索等增强功能，无需用户额外处理兼容性。
注意事项
不适合需要实时协作、复杂图形绘制（如流程图）或对节点样式有极高自定义需求的场景。
常见问题
生成的思维导图在暗色背景下文字看不见？
本Skill已内置CSS修复，强制文字显示为白色，确保在暗色主题下正常可见。
如何控制思维导图默认展开的层级？
可在Markdown文件的YAML frontmatter中设置‘initialExpandLevel’参数，或使用提供的apply_presets函数自动根据节点数量设置。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/mindmap-markmap-viewer/raw/index.md 读取 mindmap-markmap-viewer 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/mindmap-markmap-viewer/raw/index.md（查看排版版本）