This skill pack converts structured text into three visual formats native to Obsidian: Excalidraw diagrams with animation support, Mermaid diagrams for presentations and documentation, and interactive Canvas files in mindmap or freeform layouts. It helps Obsidian power users, technical writers, and knowledge teams turn written content into explorable visuals without leaving the note-taking workflow.
Follow the documented setup, then try a first task.
Installs: Complete obsidian-visual-skills plugin bundle containing the Excalidraw, Mermaid, and Obsidian Canvas skills · Claude Code
Enter these commands in a Claude Code session, in the documented order, to add the repository as a plugin marketplace and install the obsidian-visual-skills plugin.
/plugin marketplace add axtonliu/axton-obsidian-visual-skills /plugin install obsidian-visual-skills
Restart Claude Code so it loads the installed skills.
Installs: Complete Obsidian Visual Skills Pack containing all three documented skills · Claude Code
In a terminal, clone the repository.
git clone https://github.com/axtonliu/axton-obsidian-visual-skills.git
In the same terminal working directory, copy the Excalidraw skill folder into the Claude Code skills directory.
cp -r axton-obsidian-visual-skills/excalidraw-diagram ~/.claude/skills/
In the same terminal working directory, copy the Mermaid skill folder into the Claude Code skills directory.
cp -r axton-obsidian-visual-skills/mermaid-visualizer ~/.claude/skills/
In the same terminal working directory, copy the Obsidian Canvas skill folder into the Claude Code skills directory.
cp -r axton-obsidian-visual-skills/obsidian-canvas-creator ~/.claude/skills/
Installs: Single excalidraw-diagram skill folder · Claude Code
In a terminal, clone the repository.
git clone https://github.com/axtonliu/axton-obsidian-visual-skills.git
In the same terminal working directory, copy only the excalidraw-diagram folder into the Claude Code skills directory.
cp -r axton-obsidian-visual-skills/excalidraw-diagram ~/.claude/skills/
Installs: Single mermaid-visualizer skill folder · Claude Code
In a terminal, clone the repository.
git clone https://github.com/axtonliu/axton-obsidian-visual-skills.git
In the same terminal working directory, copy only the mermaid-visualizer folder into the Claude Code skills directory.
cp -r axton-obsidian-visual-skills/mermaid-visualizer ~/.claude/skills/
Installs: Single obsidian-canvas-creator skill folder · Claude Code
In a terminal, clone the repository.
git clone https://github.com/axtonliu/axton-obsidian-visual-skills.git
In the same terminal working directory, copy only the obsidian-canvas-creator folder into the Claude Code skills directory.
cp -r axton-obsidian-visual-skills/obsidian-canvas-creator ~/.claude/skills/
Uses excalidraw-diagram
Use the excalidraw-diagram skill to create an Excalidraw flowchart showing the CI/CD pipeline.
Uses mermaid-visualizer
Use the mermaid-visualizer skill to visualize this process as a Mermaid diagram.
Uses obsidian-canvas-creator
Use the obsidian-canvas-creator skill to turn this article into an Obsidian Canvas.
Claude