尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
把长文变成 Obsidian 思维导图画布:axton-obsidian-visual-skills Canvas 技能完整实战指南
把长文变成 Obsidian 思维导图画布axton-obsidian-visual-skills Canvas 技能完整实战指南【免费下载链接】axton-obsidian-visual-skillsVisual Skills Pack for Obsidian: generate Canvas, Excalidraw, and Mermaid diagrams from text with Claude Code项目地址: https://gitcode.com/gh_mirrors/ax/axton-obsidian-visual-skills读完一篇长文往往只记得标题。axton-obsidian-visual-skills是一个开源的 Claude Code 技能包能直接调用 AI 把文本内容生成 Obsidian 的可视化资产Canvas 思维导图画布、Excalidraw 手绘图和 Mermaid 流程图。其中的 Canvas 技能可以把一篇长文一句话转成带彩色分组、带标签连线的交互式.canvas画布直接在 Obsidian 中打开无需额外插件。本文带你完整走一遍安装 → 使用 → 理解原理 → 调优出图。上图就是 Canvas 技能的输出示例把「MAPS 四维框架」长文转成中心主题 四组彩色卡片的思维导图画布每个分组带独立背景色和标签。 axton-obsidian-visual-skills 是什么Skills 是 Claude Code 的提示词扩展与需要复杂配置的 MCP 服务器不同每个技能只是一组 Markdown 文件Claude 会按需加载。这套技能包共含 3 个技能技能输出格式风格典型场景Obsidian Canvas Creator.canvas文件彩色卡片、可交互长文整理、知识组织、项目规划Excalidraw Diagram Generator.md/.excalidraw手绘风格流程图、概念图、动画Mermaid VisualizerMermaid 代码专业流程图文档配图、演示、时序图中文版说明见 README_CN.md。为什么长文整理首选 Canvas 技能零插件成本Obsidian 自带 Canvas 功能生成的画布双击即开可再编辑节点可以拖动、拆分、重连二次加工比静态图片灵活支持分组与颜色编码天然适合把长文的章节 → 小节 → 要点变成空间布局准备工作3 步完成安装前置要求已安装 Claude Code CLI已安装 ObsidianCanvas 技能无需额外插件方式 A插件市场安装推荐/plugin marketplace add axtonliu/axton-obsidian-visual-skills /plugin install obsidian-visual-skills安装后重启 Claude Code 即可加载技能。方式 B手动安装git clone https://gitcode.com/gh_mirrors/ax/axton-obsidian-visual-skills cp -r obsidian-canvas-creator ~/.claude/skills/按需只复制单个技能即可如需全部三件套把excalidraw-diagram和mermaid-visualizer也一并复制到~/.claude/skills/。⚡ 一句话生成 Canvas 思维导图技能装好后会自动生效。对话中包含触发词Canvas、思维导图、mind map、visual diagram即可唤起。常用指令示例“把这篇文章转换成 Obsidian Canvas”“把这篇文章整理成 Canvas 思维导图”“Create a mind map canvas for project planning”三个输入技巧出图质量更高直接贴原文或指明本地 md 文件路径让技能拿到完整结构指定布局层次清晰的长文说“用思维导图布局”话题交叉多的内容说“用自由布局”点明重点追加一句“重点突出结论和关键数据”技能会相应强化颜色和节点权重输出是一个合法的 JSON Canvas 文件放进 Vault 即可打开编辑。MindMap 还是 Freeform两种布局怎么选模式结构适用场景MindMap 思维导图从中心向外放射的层级头脑风暴、有清晰结构的长文、主题探索Freeform 自由布局自定义位置、灵活连接复杂网络、非层级内容、跨章节交叉引用 长文是怎么变成画布的6 步工作流完整逻辑定义在 obsidian-canvas-creator/SKILL.md核心流程如下分析内容识别主话题与层级关系抽取关键论点确定布局根据内容结构判断 MindMap 或 Freeform规划结构根节点 → 一级分支 → 次级分支 → 细节叶子生成画布每个节点分配唯一 ID按文本长度智能调整节点尺寸短文本 220×100px长文本最大 320×180px应用布局算法放射状分布 间距控制水平最小 320px、垂直最小 200px自动防重叠校验并输出检查 ID 唯一性、连线有效性、节点不重叠后直接输出可导入的 JSON详细的坐标与碰撞检测算法可查阅 references/layout-algorithms.md文件格式定义见 references/canvas-spec.md。 让画布更美观的 5 个技巧节点文字保持精简每个节点尽量 2 行以内长段落改用笔记文件节点挂载避免画布文字墙用颜色承载语义6 种预设色各有分工——红色警告、橙色行动项、黄色疑问、绿色已完成、青色信息、紫色概念善用分组Freeform 模式下相关节点自动归入带标签的彩色分组框一眼看清区块边界连线宁少勿滥给关键连线加标签如指导、约束比密集连线更能说明关系生成后先在 Obsidian 里过一遍确认无重叠、层级清晰后再归档想参考现成结构可以直接打开模板画布学习布局template-mindmap-simple.canvas、template-freeform-grouped.canvas。 常见问题与避坑现象原因与解决JSON 解析报错中文引号转义问题技能会自动转换为『』/「」手动改画布时注意保留节点重叠间距未达最小要求320px/200px重新生成即可画布过于拥挤先压缩文章只保留主标题与关键小节输出质量不稳定项目标注为实验性原型结果受模型版本与输入结构影响属正常现象更多排障内容见 README.md 的 Troubleshooting 部分。 技能文件速查技能主定义obsidian-canvas-creator/SKILL.md画布格式规范obsidian-canvas-creator/references/canvas-spec.md布局算法详解obsidian-canvas-creator/references/layout-algorithms.md手绘图技能excalidraw-diagram/SKILL.mdMermaid 技能mermaid-visualizer/SKILL.md小结把长文变成 Obsidian 思维导图画布只需安装 axton-obsidian-visual-skills对 Claude Code 说一句“把这篇文章整理成 Canvas 思维导图”剩下的结构分析、布局计算、配色与连线全部自动完成。建议从一篇自己最熟悉的长文开始试起感受文字 → 画布的效率提升。【免费下载链接】axton-obsidian-visual-skillsVisual Skills Pack for Obsidian: generate Canvas, Excalidraw, and Mermaid diagrams from text with Claude Code项目地址: https://gitcode.com/gh_mirrors/ax/axton-obsidian-visual-skills创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
RELATED

相关推荐

银川网站建设一条龙多少钱,备案不踩坑才省钱

银川网站建设一条龙多少钱,备案不踩坑才省钱

银川网站建设一条龙多少钱,备案不踩坑才省钱 刚来银川做业务的朋友,最头疼的不是代码写不出来,而是备案流程一头雾水。很多人拿着域名去问建站公司,对方报价从三千到三万不等,你心里没底,不知道这 多少钱…

📅 2026/9/27 17:14:55
网页设计与制作教程电:一文搞懂从零到上线避坑指南

网页设计与制作教程电:一文搞懂从零到上线避坑指南

网页设计与制作教程电:一文搞懂从零到上线避坑指南 网站做好了没人访问,是不是让你觉得钱都打水漂了?别慌,这通常是技术选型没选对,或者底层架构没搭好,导致搜索引擎根本抓不到你的内容。很多新手在找网页设计与制作教程电的时候,容易陷入“只看效果不…

📅 2026/9/27 17:09:55
Loop Engineering 是什么?从 Prompt 到 Loop 的 AI 编程范式转变与 TaoToken 配置实践

Loop Engineering 是什么?从 Prompt 到 Loop 的 AI 编程范式转变与 TaoToken 配置实践

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📅 2026/9/27 17:09:55
MORE NEWS

更多资讯

📰

CC-SWITCH 部署 deepseek V4 到 Claude-code:settings.json 配置骨架与连通性验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

网站没收录了怎么办:5步实操与Baidu对比评测

网站没收录了怎么办:5步实操与Baidu对比评测 网站做好了没人访问,是不是比没建网站还让人心慌?别急,先别怪百度,90%的新站长卡在“收录”这一步,不是代码写错了,而是没搞懂搜索引擎的脾气。我见过太多安徽这边的独立站长,域名是 .com…

📰

vscode 中关于 cursor surrounding lines 的设置:用 TaoToken 统一 Key 打通 AI 补全配置

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

Codex 启动报错 os error 10013:套接字访问权限错误的排查与修复

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

什么是AI Slop?antislop终极指南:38条规则让AI编程代理告别模板感设计

什么是AI Slop?antislop终极指南:38条规则让AI编程代理告别模板感设计 【免费下载链接】anti-slop Rules for an AI coding agent to filter out generic AI-generated UI designs, text, and code. 项目地址: https://gitcode.com/gh_mirrors/anti/an…

📰

代码比对工具UltraEdit(UE使用)配 TaoToken:settings.json 骨架与报错排查

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬