axton-obsidian-visual-skills：Obsidian 视觉图表生成工具集

本文介绍 axton-obsidian-visual-skills，一个用于 Obsidian 的视觉 Skills Pack，让你可以用 Claude Code 从文本生成 Canvas、Excalidraw 和 Mermaid 图表。

项目简介

axton-obsidian-visual-skills 是一个专为 Obsidian 设计的视觉 Skills Pack，通过 Claude Code 让你能够从文本描述生成多种类型的图表和可视化内容。

该项目在 GitHub 上已获得 1.5k+ stars，由 axtonliu 开发维护。

核心特性

• Canvas 生成 - 创建 Obsidian Canvas 可视化画布
• Excalidraw 图表 - 生成手绘风格的 Excalidraw 图表
• Mermaid 可视化 - 将文本转换为 Mermaid 流程图和图表
• 自然语言输入 - 用简单的文本描述生成复杂的可视化内容
• Obsidian 集成 - 与 Obsidian 笔记软件深度集成

包含的 Skills

技术栈

• Obsidian - 知识库和笔记平台
• Claude Code - AI 编程助手
• Canvas - Obsidian 的可视化画布格式
• Excalidraw - 手绘风格图表工具
• Mermaid - 文本转图表的标记语言

安装指南

方式一：插件安装（推荐）

/plugin marketplace add axtonliu/axton-obsidian-visual-skills
/plugin install obsidian-canvas-creator@axton-obsidian-visual-skills
/plugin install excalidraw-diagram@axton-obsidian-visual-skills
/plugin install mermaid-visualizer@axton-obsidian-visual-skills

方式二：手动安装

1. 克隆仓库

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

2. 复制 Skills

将需要的 skill 文件夹复制到你的 Claude Code skills 目录：

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

使用示例

创建 Canvas 画布

生成 Excalidraw 图表

生成 Mermaid 流程图

设计规范

该 Skills Pack 遵循以下设计原则：

• 配色方案 - 使用协调的颜色调色板
• 字体规范 - 设置最小字体大小确保可读性
• 无表情符号 - 避免使用 emoji 保持专业外观

项目链接

• GitHub 仓库：github.com/axtonliu/axton-obsidian-visual-skills
• Obsidian：obsidian.md
• Excalidraw：excalidraw.com
• Mermaid：mermaid.js.org

总结

axton-obsidian-visual-skills 是一个实用的 Obsidian 视觉 Skills Pack，让你能够轻松地将文本想法转化为可视化图表。无论是创建思维导图、系统架构图还是流程图，都可以通过自然语言与 Claude Code 交互完成。对于 Obsidian 用户和需要频繁创建可视化内容的开发者来说，这是一个非常有价值的工具集。