axton-obsidian-visual-skills
Visual Skills Pack for Obsidian: generate Canvas, Excalidraw, and Mermaid diagrams from text with Claude Code
Obsidian Visual Skills Pack is a collection of three agent skills for Claude Code that enable automated generation of diagrams from text. The pack includes skills for creating Excalidraw hand-drawn diagrams, Mermaid flowcharts, and Obsidian Canvas mind maps directly within your vault. Developers can use natural language prompts to transform descriptions, workflows, or concepts into visual formats optimized for documentation and knowledge management. Each skill is triggered by specific keywords and outputs files compatible with Obsidian's ecosystem.
Key Features
Use Cases
- 01Document software architecture and CI/CD pipelines with Excalidraw flowcharts
- 02Create presentation-ready process diagrams and sequence flows using Mermaid syntax
- 03Build hierarchical knowledge maps and brainstorming canvases for project planning
- 04Generate before-after comparison diagrams for technical documentation
- 05Visualize agent architectures, API interactions, and system state transitions
- 06Transform article outlines and meeting notes into interactive Canvas layouts
Related Skills
View moresuperpowers
An agentic skills framework & software development methodology that works.
skills
Skills for Real Engineers. Straight from my .agents directory.
skills
Public repository for Agent Skills
ponytail
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
axton-obsidian-visual-skills — FAQ
What is Obsidian Visual Skills Pack?+
It's a collection of three prompt-based skills for Claude Code that generate Excalidraw diagrams, Mermaid flowcharts, and Obsidian Canvas files from natural language descriptions. These skills extend Claude's capabilities to create visual knowledge artifacts directly in your Obsidian vault.
How do I install the visual skills in Claude Code?+
Install via Claude Code's plugin marketplace using '/plugin marketplace add axtonliu/axton-obsidian-visual-skills' then '/plugin install obsidian-visual-skills'. Alternatively, manually copy the skill folders to ~/.claude/skills/ and restart Claude Code.
Which AI clients work with these agent skills?+
These skills are specifically designed for Claude Code. You must have the Claude Code CLI installed to use them.
Do I need API keys or Obsidian plugins?+
You need Obsidian installed with the Excalidraw plugin for full functionality. No separate API keys are required beyond your Claude Code access. The skills work offline once installed, though Excalidraw's CJK handwriting fonts require network access or manual download.
Is the Obsidian Visual Skills Pack free to use?+
Yes, it's open source under the MIT License and free to use. Note that it's marked as experimental, so output quality may vary based on model version and input complexity.
How do I trigger the different diagram skills?+
Use natural language with specific keywords: 'Excalidraw', 'diagram', 'flowchart' for hand-drawn diagrams; 'Mermaid', 'visualize', 'sequence diagram' for structured charts; 'Canvas', 'mind map' for infinite canvas layouts. Claude Code automatically selects the appropriate skill.
How do I install axton-obsidian-visual-skills?+
Open the source repository on GitHub and follow its README. axton-obsidian-visual-skills is a skill — MCP Agents Market links you directly to the official repo.
Is axton-obsidian-visual-skills free?+
axton-obsidian-visual-skills is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.