skillfed

excalidraw-diagram

Transform text into Excalidraw diagrams with flexible output options tailored to your workflow. Choose Obsidian format for direct integration, Standard format for web editing, or Animated format with sequenced drawing effects. The skill automatically detects your intent and produces properly formatted diagram files.

Excalidraw Diagram generates visual diagrams from text in Obsidian, Standard, or Animated formats.

AI-generated summary based on this skill's SKILL.md

3,255 292 MIT updated by axtonliu

Install

axtonliu/axton-obsidian-visual-skills/excalidraw-diagram

CLI (skillfed)coming soon
git clone https://github.com/axtonliu/axton-obsidian-visual-skills
cp -r axton-obsidian-visual-skills/excalidraw-diagram ~/.claude/skills/excalidraw-diagram

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

How do I create an excalidraw diagram from text?

excalidraw-diagram transforms your text content into Excalidraw diagrams automatically. Describe your diagram structure in plain text, and the skill generates a properly formatted diagram file. You can choose from multiple output formats: Obsidian markdown for direct integration into your notes, Standard Excalidraw JSON for web editing, or Animated format with sequenced drawing effects that reveal your diagram step-by-step.

What output formats does excalidraw-diagram support?

excalidraw-diagram offers three primary export options. Obsidian format embeds diagrams directly into your markdown vault. Standard format produces Excalidraw JSON files compatible with excalidraw.com and other tools. Animated format adds drawing sequences perfect for presentations, revealing diagram elements in a controlled order. Each format preserves your diagram's structure while optimizing for your specific workflow.

Can excalidraw-diagram generate flowcharts and mind maps automatically?

Yes, excalidraw-diagram creates flowcharts, mind maps, and hierarchy diagrams from text descriptions. The skill automatically detects your intent and structures the diagram accordingly. Whether you need process flows, relationship hierarchies, or branching mind maps, excalidraw-diagram formats your content into visual diagrams with appropriate connections and layouts.

Does excalidraw-diagram support animation sequences?

excalidraw-diagram supports animated diagram export with customizable drawing sequences. Use the Animated output format to add step-by-step reveal effects to your diagrams, ideal for presentations and tutorials. Animation sequences control the order in which diagram elements appear, helping viewers follow your visual narrative.

How does excalidraw-diagram integrate with Obsidian?

excalidraw-diagram exports diagrams in Obsidian-compatible markdown format, enabling seamless integration into your vault. The Obsidian format option generates files that embed directly into your notes, allowing you to view and edit diagrams without leaving your knowledge base. This workflow keeps diagrams alongside your related content.

What customization options are available in excalidraw-diagram?

excalidraw-diagram supports professional diagram design with customizable colors and typography. You can tailor visual appearance to match your brand or preference while maintaining the automatic structure generation. The skill balances automation with flexibility, letting you define styling while it handles diagram layout and format conversion.

SKILL.md

rendered from the published skill — quoted content, verbatim

Excalidraw Diagram Generator

Create Excalidraw diagrams from text content with multiple output formats.

Output Modes

根据用户的触发词选择输出模式:

触发词 输出模式 文件格式 用途
Excalidraw画图流程图思维导图 Obsidian(默认) .md 在 Obsidian 中直接打开
标准Excalidrawstandard excalidraw Standard .excalidraw 在 excalidraw.com 打开/编辑/分享
Excalidraw动画动画图animate Animated .excalidraw 拖到 excalidraw-animate 生成动画

Workflow

  1. Detect output mode from trigger words (see Output Modes table above)
  2. Analyze content - identify concepts, relationships, hierarchy
  3. Choose diagram type (see Diagram Types below)
  4. Generate Excalidraw JSON (add animation order if Animated mode)
  5. Output in correct format based on mode
  6. **Automatically

(truncated - see the full file via the links below)

Read as markdown · JSON record · Browse the source repository

File tree — 2 files
excalidraw-diagram/SKILL.md
excalidraw-diagram/references/excalidraw-schema.md

Related skills

Tags

text-to-visual multi-format-export animation-support diagram-automation obsidian-integration json-based-graphics flowchart-builder mind-mapping