skills.rest
zhengfran
zhengfranCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw-diagram

Generate Excalidraw diagrams from text with selectable output formats.

Updated Jul 11, 2022
Search Tags:#json#obsidian#excalidraw#visualization#diagram generation#animated diagrams
One-click install
npx skills add https://github.com/zhengfran/dotconfig --skill excalidraw-diagram-zhengfran
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw-diagram
Source: https://github.com/zhengfran/dotconfig/tree/main/tools/ai/agents/skills/excalidraw-diagram
Command: npx skills add https://github.com/zhengfran/dotconfig --skill excalidraw-diagram-zhengfran

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Converts raw text or concepts into a structured Excalidraw diagram so you can visualize relationships, workflows, and hierarchies without manually drawing.

Core Features & Use Cases

  • Multi-output diagram formats: Generates Obsidian-ready Markdown (.md), standard Excalidraw files (.excalidraw), or animated Excalidraw files with ordered elements.
  • Diagram type selection: Supports flowcharts, mind maps, hierarchy charts, relationship graphs, comparisons, timelines, matrices, and freeform layouts based on content.
  • Consistent visual rules: Enforces Excalidraw JSON structure, typography constraints, styling palette, and layout spacing to keep output readable and editable.

Quick Start

Ask the AI to generate an excalidraw diagram from your description of a process and specify whether you want Standard, Obsidian, or Animated output.

Frequently Asked Questions about excalidraw-diagram

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

FAQPage Schema
How do I generate Excalidraw diagrams from text automatically?▼

You can generate Excalidraw diagrams from text by providing a process description, which the tool converts into structured Excalidraw JSON. It automatically selects a suitable diagram type and outputs standard, Obsidian, or animated formats.

Can I create Obsidian Markdown diagrams from raw text content?▼

Yes, you can create Obsidian Markdown diagrams from raw text content. The tool outputs ready-to-use Markdown files containing validated Excalidraw JSON, allowing direct visualization and editing of workflow or mind map diagrams within Obsidian.

What types of visualizations can I build using automated diagram generation?▼

Automated diagram generation supports building workflow, mind map, hierarchy, relationship, comparison, timeline, matrix, and freeform visualizations. It selects the appropriate layout based on your text content to ensure accurate relationship mapping.

Does the Excalidraw JSON output support animated diagrams?▼

Yes, the Excalidraw JSON output supports animated diagrams. It generates animated Excalidraw files with ordered elements, allowing you to visualize step-by-step processes and workflows directly within the Excalidraw editor environment.

Related Skills

Explore More Design & Creative Skills→
gatiemegatieme
1

excalidraw-diagram

Generate Excalidraw diagrams from natural language descriptions in multiple formats.

Community
Intermediate
koukokouko
6

obsidian-excalidraw-diagram

Generate Excalidraw diagrams from text content and save them.

Community
Intermediate
wyhlovecppwyhlovecpp

obsidian-canvas-creator

Convert structured text into interactive Obsidian Canvas mind maps.

Community
Intermediate
LuminaVaultLuminaVault

excalidraw

Convert JSON element descriptions into Excalidraw files and upload them to excalidraw.com.

Official
Intermediate