excalidraw

Generate and manage hand-drawn diagrams from Excalidraw JSON definitions.

Updated May 3, 2026
One-click install
npx skills add https://github.com/eliottbusiness/DeptFlow-Agent --skill excalidraw-eliottbusiness
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/eliottbusiness/DeptFlow-Agent/tree/main/profile/skills/creative/excalidraw
Command: npx skills add https://github.com/eliottbusiness/DeptFlow-Agent --skill excalidraw-eliottbusiness

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation and management of hand-drawn diagrams using Excalidraw, simplifying the process of visualizing data and ideas.

Core Features & Use Cases

  • Automated Diagram Creation: Generate diagrams programmatically using JSON element definitions.
  • Customization: Fine-tune diagrams with various shapes, colors, and text elements.
  • Use Case: Quickly create flowcharts, architectural diagrams, or concept maps for presentations or documentation.

Quick Start

Use the excalidraw skill to create a simple flowchart with two boxes connected by an arrow.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate Excalidraw diagrams programmatically for documentation?

You can generate hand-drawn Excalidraw diagrams programmatically by defining diagram elements and their attributes using Excalidraw JSON definitions. This automates the creation of flowcharts, concept maps, and architectural diagrams for presentations and documentation.

What is the Excalidraw JSON format used for creating flowcharts?

The Excalidraw JSON format defines structural elements and attributes for shapes, colors, and text. By managing these JSON definitions, you can programmatically build, customize, and manage hand-drawn flowcharts and sequence diagrams for presentations and documentation.

Do I need to know Excalidraw JSON syntax to build architectural diagrams?

Yes, creating architectural diagrams requires familiarity with the Excalidraw JSON format for elements and attributes. This prerequisite knowledge allows you to programmatically define shapes, colors, and text elements to automate diagram generation for your workflows.

Can I use Excalidraw JSON to automate sequence diagram creation?

Yes, you can use Excalidraw JSON definitions to automate sequence diagram creation. This Skill generates and manages hand-drawn sequence diagrams programmatically, making it ideal for visualizing processes within documentation and presentations.

What is the best way to customize hand-drawn concept maps programmatically?

The best way to customize hand-drawn concept maps programmatically is by defining specific shapes, colors, and text elements within Excalidraw JSON definitions. This approach automates fine-tuning diagram aesthetics without manual editing.

Are there limitations when managing Excalidraw diagrams via JSON definitions?

A limitation of managing Excalidraw diagrams via JSON is the requirement for familiarity with the format's elements and attributes. Complex customizations depend entirely on correctly structuring the JSON definitions for shapes and text.