excalidraw-diagram

Convert text content into Excalidraw diagrams in three output modes.

Updated Mar 17, 2026
One-click install
npx skills add https://github.com/Blake-John/agent-config --skill excalidraw-diagram-blake-john
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw-diagram
Source: https://github.com/Blake-John/agent-config/tree/main/.zeroclaw/workspace/skills/excalidraw-diagram
Command: npx skills add https://github.com/Blake-John/agent-config --skill excalidraw-diagram-blake-john

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Excalidraw-diagram automates turning text content into shareable visual diagrams, helping teams quickly visualize ideas and processes.

Core Features & Use Cases

  • Generate diagrams from notes, requirements, or ideas in three output modes: Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order).
  • Visualize workflows, mind maps, hierarchies, and relationships derived from plain text, meeting notes, or design briefs.
  • Automatically save the generated diagram to the current working directory and provide ready-to-use formats and file names.

Quick Start

Provide the text content and select the desired output mode (Obsidian, Standard, or Animated) to generate and save the Excalidraw diagram.

Frequently Asked Questions about excalidraw-diagram

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn text into an Excalidraw diagram?

To turn text into an Excalidraw diagram, provide your text content and select an output mode. The tool generates the visualization and automatically saves the Excalidraw data with the required frontmatter and appState structure to your current working directory.

Can I generate Excalidraw diagrams for Obsidian?

Yes, you can generate Excalidraw diagrams for Obsidian using the dedicated Obsidian output mode. This mode produces a markdown (.md) file containing the Excalidraw data, allowing you to visualize workflows directly within your notes.

What is the best way to visualize a workflow from plain text?

The best way to visualize a workflow from plain text is using the Standard Excalidraw mode. It automatically transforms your text content into a shareable .excalidraw file, helping teams quickly visualize processes and ideas without manual drawing.

Does the text-to-diagram process support animated presentations?

Yes, the text-to-diagram process supports animated presentations via the Animated mode. This generates an .excalidraw file with a defined animation order, allowing you to present visualized ideas step-by-step in sequence.

What file formats are created when converting markdown to Excalidraw?

When converting markdown to Excalidraw, the tool creates either a markdown (.md) file with embedded Excalidraw data or a standard (.excalidraw) file. Both formats are automatically saved to your current working directory with a coherent filename.

Do I need to manually set up the Excalidraw appState structure?

No, you do not need to manually set up the Excalidraw appState structure. The tool automatically generates and saves the resulting Excalidraw data with the required frontmatter and appState structure intact.