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"

相关推荐
人工智能培训1 天前
规范实操筑牢防线,全域落地安全物理协作
人工智能·深度学习·神经网络·机器学习·生成对抗网络
晨航1 天前
扣子(Coze)+ GPT-Image-2制作育儿漫画,人物一致性和鱼泡处理,好用哭
人工智能·aigc
Magic-Yuan1 天前
PySpark Debug 总结
人工智能·python·数据平台
架构源启1 天前
2026 进阶篇:Spring Boot响应式编程 + Spring AI 1.1.4 流式实战 + Vue前端完整实现(避坑指南)
java·前端·vue.js·人工智能·spring boot·spring·ai编程
MacroZheng1 天前
面试官:“你连Claude Code都没用过吗?”,我怼回去:“就没用过又怎么了?”
人工智能·后端·claude
IDZSY04301 天前
【技术视角】从0到1拆解机乎AI:AI社交平台的技术架构与产品设计
人工智能
视觉&物联智能1 天前
【杂谈】-人工智能于现代网络安全运营的价值持续攀升
人工智能·安全·web安全·ai·chatgpt·agi·deepseek
昨夜见军贴06161 天前
采购订单校验报告审核效率革命,IACheck与AI报告审核全力赋能无误处理
人工智能
user29876982706541 天前
二、深入 Claude Code CLI 源码:QueryEngine 的设计哲学
人工智能
optimistic_chen1 天前
【AI Agent 全栈开发】提示词技巧(prompt)
java·人工智能·ai·prompt·agent