Excalidraw Diagram Generator
Create Excalidraw diagrams from text content, automatically outputting Obsidian-ready .md files with proper frontmatter and JSON structure.
Key Benefits
- Auto-generate Excalidraw diagrams from text descriptions
- 8 diagram types: flowcharts, mind maps, hierarchy, relationship, comparison, timeline, matrix, freeform
- Automatic file creation with proper Obsidian frontmatter
- Excalifont handwriting font (fontFamily: 5) for all text
- Professional color palette with semantic meaning
- Canvas range optimization (0-1200 x 0-800)
Core Capabilities
- Diagram Types: Flowchart, mind map, hierarchy, relationship, comparison, timeline, matrix, freeform layout
- Text Formatting: Automatic quote replacement (
"→『』,()→「」), proper font family (Excalifont) - Layout Rules: Proper element spacing, clear hierarchy, harmonious color schemes
- File Generation: Auto-save to current directory with meaningful filenames
- Obsidian Integration: Complete frontmatter with
excalidraw-plugin: parsedandtags: [excalidraw]
When to Use
- Creating diagrams, flowcharts, or mind maps from text
- Visualizing concepts, relationships, or processes
- Building visual representations in Excalidraw format
- User mentions "Excalidraw", "画图", "流程图", "思维导图", "可视化", "diagram"
Workflow
- Analyze content - identify concepts, relationships, hierarchy
- Choose appropriate diagram type from 8 options
- Generate Excalidraw JSON with proper element structure
- Create Obsidian-ready
.mdfile with correct frontmatter - Auto-save to current working directory
- Notify user with file path and usage instructions
Technical Requirements
- All text elements use
fontFamily: 5(Excalifont) - Quote replacement:
"→『』,()→「」 - Font sizes: Title (24-28px), Subtitle (18-20px), Body (14-16px)
- Line height:
lineHeight: 1.25for all text - Color palette: Deep blue (#1e40af) for titles, bright blue (#3b82f6) for connections
Source: https://github.com/axtonliu/axton-obsidian-visual-skills/tree/main/excalidraw-diagram License: Check repository for details
Comments
No comments yet. Be the first to comment!
Related Tools
Mermaid Visualizer Skill
obsidian.md
Transform text into professional Mermaid diagrams with built-in syntax error prevention - supports flowcharts, mindmaps, sequence diagrams, and more for presentations and documentation.
Obsidian Canvas Creator Skill
obsidian.md
Create Obsidian Canvas files from text with MindMap and freeform layouts - transform structured content into interactive spatial visualizations with proper JSON formatting.
Scientific Schematics Skill
github.com/K-Dense-AI/claude-scientific-writer
Create publication-quality scientific diagrams using Nano Banana Pro AI with smart iterative refinement.
Related Insights
Claude Code's Next Frontier: Not Code, But Your Local Obsidian Knowledge Base
Explore how Obsidian + Claude Code transforms from a knowledge management tool into your private AI assistant. Complete guide including obsidian-skills, Claudian plugin, Claudesidian template, and best practices for achieving both data privacy and AI capabilities.
Skills + Hooks + Plugins: How Anthropic Redefined AI Coding Tool Extensibility
An in-depth analysis of Claude Code's trinity architecture of Skills, Hooks, and Plugins. Explore why this design is more advanced than GitHub Copilot and Cursor, and how it redefines AI coding tool extensibility through open standards.
Complete Guide to Claude Skills - 10 Essential Skills Explained
Deep dive into Claude Skills extension mechanism, detailed introduction to ten core skills and Obsidian integration to help you build an efficient AI workflow