The Axton Obsidian Visual Skills Pack enables users to effortlessly create visual diagrams such as Canvas, Excalidraw, and Mermaid from text inputs using Claude Code. This tool enhances productivity by streamlining visual content generation directly within the Obsidian environment.
claude install axtonliu/axton-obsidian-visual-skillshttps://github.com/axtonliu/axton-obsidian-visual-skills
Generate flowcharts for project planning to visualize task sequences.
Create mind maps for brainstorming sessions to organize ideas effectively.
Visualize data relationships with Mermaid diagrams for clear documentation.
Produce quick sketches for design concepts using Excalidraw.
claude install axtonliu/axton-obsidian-visual-skillsgit clone https://github.com/axtonliu/axton-obsidian-visual-skillsCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Create a [DIAGRAM_TYPE] diagram for [COMPANY] in the [INDUSTRY] industry using the following data: [DATA]. Please format it for use in Obsidian.
### Canvas Diagram
**Title:** Marketing Strategy Overview
**Objective:** Increase brand awareness and customer engagement.
**Key Components:**
- **Target Audience:**
- Young adults (18-30)
- Tech-savvy individuals
- **Channels:**
- Social Media
- Email Campaigns
- **Metrics for Success:**
- Increase followers by 30%
- Engagement rate of 5%
**Action Items:**
- Launch social media ads by Q1
- Host webinars to engage audience
---
### Excalidraw Diagram
```excalidraw
{
Faster, smarter diagramming for teams — with markdown-style code and AI.
A virtual whiteboard tool that lets you easily sketch diagrams.
Gain insights into SaaS spending with real-time analytics and budget forecasting tools.
Knowledge-powered CRM with networked thinking
AI assistant built for thoughtful, nuanced conversation