开源 · 给 AI 助手的思维导图 Skill

把想法,
画成思维导图。

资料交给 AI,风格交给 Mindbox。
16 套现成表达,把笔记、计划和灵感,变成一张看得懂、改得动的图。

npx skills add MarkingYang/mindbox -g

16 套完整风格 · 多款本地 AI 助手 · MIT 开源

真实渲染 · 可以点
一份文章

同一份内容,换个样子
点一个分支,看看细节
Your thoughts. In good shape.
16 搭配好的完整风格01 可离线打开的 HTML↗ 继续编辑、演示与分享免费开源 · 在 GitHub 一起打磨 ↗

THE STYLE COLLECTION / 样式库

同一个想法,也可以有不同的样子。

16 套完整风格,按用途挑选。
用名称或 UID,就能让助手复用这一套。
看看 16 套如何逐层展开 ↗

范例围绕目标读者编写,封面只展示部分分支。打开后可继续编辑;单独换样式会保留你的内容。

BRAINSTORM DOODLE / 脑洞小剧场

给脑洞一点,
好玩的形状。

捡一个小烦恼,故意反着想,画个能玩的东西,今晚就试一点。
纸片收好想法,小搭子陪你把它慢慢画出来。

01 捡一粒种子02 反着想想03 画成玩具04 试一点点
继续改
在导图与 Markdown 间切换,给自己的点子接着写。
跟着读
镜头沿着分支带路,停下来也能看一张完整的图。
带出去
独立 HTML、PNG 图像、WebP 阅读动图,保留自己的表达。
16个值得展开的问题 ↗看看选题的公开依据 ↗
给周末造个小玩具打开完整脑图 ↗
脑洞涂鸦:从小烦恼到周末小玩具的四段阅读演示
静态全图

先体验,再带走

一张图,读到哪,展开到哪。

先选一套样式,打开完整体验即可双击改字、折叠分支;下载的文件与 Skill 使用同一套阅读器。整理自己的资料,请使用下方 Skill。

你想完成什么?
先用一套完整样式,结构、配色与字体都已搭好。
当前样式

选择完整样式按用途分组 · 16 套完整样式

节点可折叠 · 空白可拖动 · Ctrl / ⌘ + 滚轮缩放

下载会保留当前样式和内容。换一套样式,原有文字和层级也会保留。

BUILT TO KEEP / 每一张,都能继续用

展示的样子,就是带走的样子。

完整体验、下载文件与 Skill 共用阅读器。
检查结果公开,能力边界也说清楚。

01 / 同一套实现

16 套风格,共用操作

双击改字,节点旁收起与展开;阅读演示、保存和导出都在生成的 HTML 里。

打开真实成果 ↗
02 / 改起来更顺手

脑图与 Markdown,双向同步

图上改字、增删节点,Markdown 同步更新;在 Markdown 里改文字与层级,切回即可得到对应脑图。

试试双向编辑 ↗
03 / 可以复查

有来源,也有检查

生成后复查实际文件,核对内容、样式、离线资源与布局。结构检查与浏览器验证分别记录。

查看本次构建的结构检查 ↗

GET STARTED / 把 Mindbox 带进工作流

装一次。
下一张图,直接说。

选择你正在使用的 Codex、Claude Code、Cursor 等助手,安装 Mindbox。
说“用脑洞涂鸦”,或指定 UID,就能复用喜欢的风格。

npx skills add MarkingYang/mindbox -g
CodexClaude CodeCursorOpenClawWorkBuddy / CodeBuddy豆包工作
GitHub · 安装说明 ↗

第一次使用:生成、改图与分享 ↗ · WorkBuddy / 豆包工作与统一安装器 ↗

已经安装?更新到最新版
npx --yes --package=github:MarkingYang/mindbox mindbox-install --update

主动更新,保留上一版供回退;不会在生成脑图时自动升级。更新后重新打开助手会话。查看版本与回退说明 ↗

安装需要 Node.js 22.20+ · 查看 HTML 无需安装
  1. 装一次运行安装命令,按提示选择你正在使用的助手。安装后开启新会话,跨项目复用。
  2. 给资料提供网页链接、文档、笔记或代码。读取能力由你的 Agent 提供。
  3. 说一句得到一份可交互的 HTML。生成后双击节点改字,Tab 增加子节点,保存 HTML 后继续使用。

在助手的 Skill 列表中选择“mindbox”。支持自动匹配时,也可以直接说“用 Mindbox”。

做好之后,下一句直接说

一本很短的说明书改文字、选样式、安装 Skill
01 / 改文字

直接在图上改。

单击选中,双击改字;节点旁的 − 收起分支,+ 数字展开。选中后按 Tab 增加子节点,Enter 增加同级,Delete 删除。操作后保存 HTML。

用 $mindbox 将【我的主题或资料】整理成可编辑的思维导图。
例如:用彩虹经典梳理一次产品评审。
同一话题继续更新这份 HTML。
02 / 选样式

说清用途,我们来推荐。

16套完整样式分别服务阅读、工作、写作和构思,不需要自己搭配组件。

阅读
文章用极简,长文用知识提纲,复习用语义索引。
工作
汇报用商务蓝图,项目用项目分解,职责用组织分层。
表达
草稿用随手画画,演示用彩虹经典,讲解用概念分组。
构思
脑洞用脑洞涂鸦,收集用便签共创,讨论用彩色研讨。

告诉Agent你要完成的事情,它会先选好整套样式;也可以直接说喜欢的样式名称。

按用途看全部16套 ↗
03 / 给 Agent

一句话,也能指定样式。

“把这篇文章画成思维导图,用极简。”

“用脑洞涂鸦整理我的产品想法。”

“保留内容,换成商务一点的风格。”

来源位置、页码或代码路径会随导图内容保留。图里的层级表达以原资料为依据。

本站体验不上传资料;在 Agent 中处理资料时,沿用该工具的模型与数据设置。

离线 HTML 不会自动覆盖磁盘文件;请点击“保存 HTML”保留修改。交给 AI 续改时,提供这份最新文件。Mindbox 适合层级整理;精确时序、跨节点关系和协同编辑不在当前范围。

安装 Mindbox ↗
看看八种字体的实际表现

八款字体 · 十六套精选配方

在导图里,看见字形。

中文与英文各四种,字形直接呈现在导图中。
点击任一作品,应用样式;保留你的原始内容。

完整脑图体验双击改字 · 节点旁收起 / 展开 · 保存 HTML 保留修改