excalidraw-diagram
Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Triggers on "Excalidraw", "画图", "流程图", "思维导图", "可视化", "diagram", "标准Excalidraw", "standard excalidraw", "Excalidraw动画", "动画图", "animate".
Security Assessment
About excalidraw-diagram
The excalidraw-diagram skill generates Excalidraw-compatible diagrams directly from text content, helping users transform complex ideas, workflows, and structures into visual representations. It supports multiple output formats tailored for different workflows, including Obsidian-compatible Markdown files, standard Excalidraw JSON files, and animated Excalidraw diagrams with sequential drawing order metadata. The skill automatically detects the desired output mode based on trigger keywords and then analyzes the provided content to determine concepts, relationships, hierarchy, and the most appropriate diagram structure. This allows users to quickly create readable diagrams without manually arranging elements in a visual editor.
The skill includes support for a wide range of diagram styles such as flowcharts, mind maps, hierarchy diagrams, relationship diagrams, comparison layouts, timelines, matrices, and freeform visual structures. It also applies strict formatting and design rules to improve readability and consistency, including predefined font families, minimum font sizes, line-height settings, and text replacement rules for quotation marks and parentheses. In animated mode, the generated diagrams include animation order metadata for use with compatible animation tools. The workflow also automatically saves generated files to the current working directory and provides instructions for opening or editing them in compatible platforms.
This skill is useful for technical writers, educators, developers, researchers, project managers, and knowledge management users who need fast visual documentation generation. It is especially valuable for users working with Obsidian, Excalidraw, or diagram-based note-taking systems. Common use cases include documenting software architectures, visualizing workflows, creating study notes, brainstorming ideas, planning projects, and building animated presentation diagrams for demonstrations or educational content.
FAQ
What output formats does this skill support?
The skill supports three output modes: Obsidian Markdown format (.md), standard Excalidraw JSON format (.excalidraw), and animated Excalidraw format with animation metadata (.excalidraw).
How does the skill choose which diagram format to generate?
The skill detects trigger keywords in the user request and selects the corresponding output mode automatically. Different keywords map to Obsidian, standard Excalidraw, or animated Excalidraw outputs.
Can the generated diagrams be opened in Excalidraw directly?
Yes. Standard and animated outputs are generated as .excalidraw files that can be opened, edited, or shared using Excalidraw-compatible tools and websites.
Does the skill support animated diagram playback?
Yes. Animated mode adds animation order and duration metadata to diagram elements, allowing the file to be used with compatible Excalidraw animation tools.
Are there formatting or design constraints in the generated diagrams?
Yes. The skill enforces specific typography, font size minimums, line-height settings, and text formatting rules to maintain readability and consistency across generated diagrams.
Install excalidraw-diagram
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
axtonliu/axton-obsidian-visual-skills