AI绘图新利器：Claude Code与Obsidian Visual Skills自动化绘图指南
告别繁琐的绘图过程，Claude Code结合Obsidian Visual Skills，一键生成流程图，提升工作效率。
你是否也遇到过这样的困扰：笔记写得飞快，但画流程图时却感到力不从心？许多团队在文档整理和项目复盘时，常常因为图表制作耗时而陷入困境。今天，我们将向您介绍一款名为Obsidian Visual Skills的套装，它专为AI（Claude Code）设计，将绘图过程转变为自动化流程。
一、什么是Obsidian Visual Skills？(技术原理)
这套工具本质上是对Claude Code的提示词扩展（Skills）。它无需复杂的后端配置，只需将Skills文件放入Claude的配置目录，AI就能直接操作文件系统，根据您的需求生成符合Obsidian格式的.md或.canvas源文件。
二、“可视化三件套”选型：Skills怎么用？
这套Skills包含三个核心模块，分别适用于不同的沟通场景：
🎨 Skill 1: Excalidraw 生成器
适合： 给老板汇报、给客户提案、需要“手绘温度”的文档。
能力：
- 生成带JSON数据的.md文件。
- 手绘美学：自动应用Excalifont字体。
- 中文友好：完美处理中文字符渲染。
🚀 常用指令： “画一个CI/CD流程图”
⚙️ Skill 2: Mermaid 可视化器
适合： 技术文档、API时序图、状态机、研发内部沟通。
能力：
- 结构化：基于代码生成，方便版本管理(Git)。
- 防错机制：Skills内置了语法纠错逻辑。
- 语义配色：自动区分模块颜色。
🚀 常用指令： “生成登录认证的时序图”
🧩 Skill 3: Obsidian Canvas 创建器
适合： 头脑风暴、复杂知识整理、将长文章拆解为卡片墙。
能力：
- 智能布局：算法自动计算节点间距，拒绝重叠。
- 颜色编码：6种预设颜色，自动区分内容层级。
🚀 常用指令： “把这篇文章整理成Canvas思维导图”
三、3分钟快速部署 (SOP)
前提条件：已安装Claude Code CLI和Obsidian。
安装步骤 (复制执行)：
只需将Skills文件夹复制到Claude的配置目录即可激活技能。
# 1. 克隆Skills仓库 git clone https://github.com/axtonliu/axton-obsidian-visual-skills.git # 2. 安装Skills (macOS/Linux 命令) # Windows用户请手动复制文件夹到 %USERPROFILE%\\.claude\skills 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/ 四、避坑指南：如何稳定输出？
这套Skills目前属于Experimental(实验性)原型。为了保证图表质量，请遵循以下专家建议：
- 不要喂长文：避免直接把5000字文章丢给它。
- 先结构化：先让Claude总结出“6-10个关键节点和关系”，再发送“请画图”指令。
- 特殊符号：中文夹杂复杂符号（如LaTeX）可能导致Mermaid渲染失败，建议先让AI清洗文本。
📥 资源获取
Obsidian Visual Skills是连接AI逻辑与可视化笔记的桥梁。你写得越多，它越省你时间。
- GitHub开源仓库：Axton Obsidian Visual Skills Pack
*本项目开源免费，建议Star收藏。