Obsidian Visual Skills：AI 自动绘图与 Obsidian 可视化工具套装

很多团队在文档编写和项目复盘时，最头疼的环节往往不是文字整理，而是流程图、思维导图和可视化图表的绘制。Obsidian Visual Skills 提供了一套 AI 驱动的自动绘图方案，将复杂的图表制作工作交给 Claude Code，用户只需用自然语言描述需求，即可生成 Excalidraw、Mermaid 或 Canvas 格式的可视化文件，显著提高工作效率。

Obsidian Visual Skills是什么？

Obsidian Visual Skills 是 Claude Code 的提示词扩展 (Skills)，旨在为 Obsidian 用户提供自动化绘图能力。安装后，AI 可直接生成符合 Obsidian 格式的 .md 或 .canvas 文件，处理中文字符、自动布局节点并应用美学样式。与传统 SaaS 绘图工具不同，这套技能包无需服务端支持，完全依赖本地环境，确保数据安全与快速响应。

核心功能

Obsidian Visual Skills 专注于三大可视化场景，为不同沟通需求提供自动化图表生成能力。

• Excalidraw 生成器——生成手绘风格流程图，适合汇报或提案
• Mermaid 可视化器——生成结构化时序图、状态图，适合技术文档与研发沟通
• Obsidian Canvas 创建器——智能布局卡片墙与思维导图，适合长文章拆解与头脑风暴
• 中文友好——自动处理中文字符渲染，保证可读性
• 自动节点布局——算法优化节点间距，防止重叠
• 配色管理——内置颜色编码区分内容层级
• JSON 文件输出——便于版本管理和协作
• 内置语法纠错机制——确保 Mermaid 与 Canvas 输出质量

使用场景

Obsidian Visual Skills 适合各种需要可视化表达的场景，无论是个人笔记还是团队协作。

操作指南

部署与使用 Obsidian Visual Skills 非常简单，新手也可在 3 分钟内上手。

1. 确保已安装 Claude Code CLI 与 Obsidian
2. 克隆官方 Skills 仓库

git clone https://github.com/axtonliu/axton-obsidian-visual-skills.git

3. 将三个模块文件夹复制到 Claude 配置目录

• macOS/Linux:

cp -r axton-obsidian-visual-skills/excalidraw-diagram ~/.claude/skills/
cp -r axton-obsidian-visual-skills/mermaid-visualizer ~/.claude/skills/
cp -r axton-obsidian-visual-skills/obsidian-canvas-creator ~/.claude/skills/

• Windows: 手动复制到 %USERPROFILE%\.claude\skills

4. 在 Claude 中使用自然语言指令生成图表，如 “画一个 CI/CD 流程图”
5. 保存生成的 .md 或 .canvas 文件到 Obsidian 笔记库
6. 对复杂文章，建议先提取 6-10 个关键节点再发送“画图”指令
7. 避免特殊符号或长文本直接输入，确保 Mermaid 渲染稳定

支持平台

Obsidian Visual Skills 依赖 Claude Code CLI，支持 macOS、Linux 与 Windows 本地环境，同时兼容 Obsidian 笔记应用，适用于桌面端使用。

产品定价

Obsidian Visual Skills 属于开源扩展，免费提供给所有 Claude Code 用户，用户可自由下载、安装和更新，无需订阅或付费许可。

常见问题

Q1：是否适合长文章直接生成图表？
建议先提取关键节点，直接喂入长文本可能导致布局混乱或渲染失败。

Q2：中文和特殊符号支持如何？
Excalidraw 模块可处理中文，Mermaid 渲染可能受复杂符号影响，需预先清理文本。

Q3：是否需要在线环境？
所有操作均在本地完成，无需依赖服务端，确保数据安全。

跳跳兔小结

Obsidian Visual Skills 将 AI 自动绘图能力直接引入 Obsidian 笔记环境，显著减少制作流程图、思维导图的时间成本。它适合产品经理、研发团队、学生以及任何需要可视化表达的人群，同时保持本地化与开源特性。但由于仍处于实验性阶段，复杂长文或特殊符号可能影响输出质量，用户需根据需求合理分步操作。