Obsidian 视觉化技能包

一、技能解决的核心问题

对于 Obsidian 知识管理用户而言,将文本内容转化为可视化图表一直是效率痛点:手动绘制 Excalidraw 手绘图需要调整大量样式参数,编写 Mermaid 代码容易出现语法错误,创建 Canvas 思维导图需要手动拖拽排列节点,整个过程耗时且影响知识整理的流畅性。

axton-obsidian-visual-skills 技能包完美解决了这些问题,它是专为 Claude Code 打造的 Obsidian 可视化扩展工具,无需复杂配置即可通过自然语言指令,一键生成三种主流的 Obsidian 可视化格式:手绘图风格的 Excalidraw 图表、专业规范的 Mermaid 流程图、以及可交互的 Obsidian Canvas 思维导图,大幅降低了知识可视化的门槛,让用户可以专注于内容本身而不需要花费精力在图表制作上。

该技能包完全适配中文使用场景,支持中文内容的正确渲染,生成的文件可以直接在 Obsidian 中打开编辑,无需额外格式转换,完美融入现有的知识管理工作流。

项目地址https://github.com/axtonliu/axton-obsidian-visual-skills

Canvas Excalidraw Mermaid

之前用https://github.com/kepano/obsidian-skills

obsidian-markdown, json-canvas,obsidian-bases

二、核心功能介绍

技能包包含三个独立的子技能,覆盖了绝大多数知识可视化需求:

  1. Excalidraw 手绘图生成器:支持生成流程图、思维导图、组织架构图、对比矩阵、时间线等7种常用图表类型,默认输出 Obsidian 可直接打开的 Markdown 格式,也支持导出标准 .excalidraw 文件和带动画效果的版本,生成的图表自带手绘风格 aesthetic,适合个人笔记和非正式分享场景。
  2. Mermaid 可视化工具:专为文档和演示场景优化,支持生成流程框图、循环图、序列图、状态图等专业图表,内置语法错误预防机制,自动处理特殊字符和子图命名冲突,生成的 Mermaid 代码兼容 Obsidian、GitHub 等所有主流渲染器。
  3. Obsidian Canvas 创建器:可以将任意文本内容自动转化为标准 .canvas 格式的交互式画布,支持放射状思维导图和自由布局两种模式,自动计算节点大小、间距和连接关系,支持颜色编码和分组功能,生成的画布可以直接在 Obsidian 中进行二次编辑。

三、调用方式

斜杠命令调用

直接在 Claude Code 对话中输入以下指令即可触发对应技能:

  • /excalidraw [描述需求]:生成 Excalidraw 图表
  • /mermaid [描述需求]:生成 Mermaid 图表
  • /canvas [描述需求]:生成 Obsidian Canvas 画布

自然语言调用模板

不需要记住斜杠命令,直接用自然语言描述需求即可自动触发:

复制代码
# Excalidraw 示例
帮我用Excalidraw画一个Agent工作原理流程图
生成一个关于大模型技术栈的思维导图,用手绘风格

# Mermaid 示例
把这个用户注册流程转成Mermaid序列图
可视化微服务架构的组件调用关系"

# Canvas 示例
把这篇产品需求文档整理成Obsidian Canvas思维导图
为我的月度计划创建一个自由布局的 Canvas 文件

四、使用注意事项

使用 Excalidraw 技能时如果中文显示为普通字体而非手写风格,需要确保网络可以访问 Excalidraw.com,或者在 Obsidian Excalidraw 插件设置中手动配置中文字体包。目前技能处于实验阶段,复杂场景下的输出质量可能会有波动,建议生成后手动微调细节即可使用。

Obsidian设置

安装Excalidraw创建 设置如下 保存里开启"在 Markdown 视图中解压缩 Excalidraw JSON"

相关推荐
u1301302 小时前
AI 日报(2026年9月5日)
人工智能
Mycdn_WD2 小时前
从 AI 爬虫变多了到 AI 抓取开始分流,CDN 行业进入下一阶段
人工智能·爬虫·cdn·pcdn·城域网·pcdn资源招募
动物园猫3 小时前
铁路障碍物目标检测数据集:4类别、5,500+张图像 | 目标检测
人工智能·目标检测·计算机视觉
ly-272533 小时前
IEEE PDF eXpress终稿检测踩坑记录:PDF图片字体未嵌入与LaTeX参考文献编译异常解决方法
服务器·人工智能·算法
陕西企来客3 小时前
2026年8月咸阳家用雨棚上门测量怎么选
大数据·人工智能·咸阳家用雨棚上门测量
夏文强3 小时前
DeepSeek Harness SDK 集成:把 Agent 嵌进你的应用
人工智能·开源·大模型·agent·deepseek
志栋智能3 小时前
凌晨3点的告警,如何用AI在5分钟内完成定界?
运维·服务器·数据库·人工智能·自动化
joinwell523 小时前
工信部414号文深度解读:从模型供给走向应用交付
人工智能·企业数字化·行业分析
流浪0013 小时前
大模型技术全景(五):开源大模型生态指南,Hugging Face 与魔搭社区
人工智能·深度学习·llm
yangmu32033 小时前
DLSS 5:从“AI提帧”到“AI定义画质”的渲染革命
人工智能