excalidraw

Convert JSON into Excalidraw format to create hand-drawn diagrams and flowcharts.

2|Updated May 22, 2026
One-click install
npx skills add https://github.com/519lab/thoth-agent --skill excalidraw-519lab
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/519lab/thoth-agent/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/519lab/thoth-agent --skill excalidraw-519lab

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the creation of hand-drawn diagrams and flowcharts by allowing users to write JSON and save as .excalidraw files, providing a simple and efficient way to visualize information.

Core Features & Use Cases

  • JSON-based Diagrams: Create diagrams programmatically using JSON and save as .excalidraw files.
  • Excalidraw Integration: Files can be opened at excalidraw.com for viewing and editing.
  • Use Case: Ideal for quickly sketching architectural diagrams, flowcharts, and sequence diagrams without the need for complex design tools.

Quick Start

Use the excalidraw skill to create a simple flowchart. Write your JSON and save it as a file named 'flowchart.excalidraw'.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I create hand-drawn diagrams and flowcharts using JSON?

Create hand-drawn flowcharts using JSON by structuring your data according to the Excalidraw JSON schema and saving it as an `.excalidraw` file. This automates diagram creation for rapid technical visualization.

Can I programmatically generate Excalidraw files for architectural diagrams?

Yes, you can programmatically generate Excalidraw files for architectural diagrams. By converting JSON into the Excalidraw format, you can rapidly visualize and document technical architectures without complex design tools.

What is the Excalidraw JSON schema and do I need to know it to use this?

The Excalidraw JSON schema is the structured format required to define diagram elements. Knowledge of this schema is a prerequisite to properly structure your data and generate valid `.excalidraw` files.

How do I open and edit the `.excalidraw` files generated from JSON?

Open and edit `.excalidraw` files generated from JSON by importing them into the excalidraw.com web interface. This allows for further visual editing and refinement of your programmatically created diagrams.

What is the best way to automate sequence diagram creation for technical documentation?

Automate sequence diagram creation by converting JSON into the Excalidraw format. This approach provides a simple, efficient method to generate hand-drawn style visualizations for rapid technical documentation.

Does this approach work for rapid visualization without complex design tools?

Yes, converting JSON to Excalidraw format works for rapid visualization without complex design tools. It is ideal for quickly sketching flowcharts and sequence diagrams within technical and creative workflows.