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"

相关推荐
fthux1 小时前
装闭 RenoPit 源码解析(07):装修闭坑知识库与AI Prompt构建
人工智能·ai·开源·github·open source·renopit
zyplayer-doc3 小时前
VuePress类静态文档站和动态知识库怎么选:两种技术路线的适用场景
javascript·人工智能·后端·安全·智能手机
KKKlucifer4 小时前
拨开接口黑盒迷雾:运营商第三方合作接口安全审计与准入管控落地实践
网络·人工智能·安全
梦梦代码精4 小时前
连锁品牌数字化:从门店扩张到用户资产运营的技术底座
大数据·人工智能·低代码·docker·开源·代码规范
咕噜咕噜啦啦4 小时前
vLLM框架
人工智能·qwen·vllm
启雀AI4 小时前
AI 驱动的视频课程自动摘要与知识点提取:ASR + LLM 流水线工程实践
人工智能·阿里云·华为云·音视频·培训saas平台
Mac的实验室4 小时前
2026年8月最新实操:谷歌Gmail邮箱手机号注册扫码发短信提示“无法验证”怎么办?(附100%成功绕过指南)
人工智能
MindUp4 小时前
AI辅助PPT生成工具的内容组织能力实测:8款产品的文档解析与排版效果对比
人工智能
寒草5 小时前
【寒草呈献】当巴菲特走进 AI 投研助手
人工智能·架构