excalidraw

Convert JSON formatted data into Excalidraw diagrams.

Updated Jul 3, 2026
One-click install
npx skills add https://github.com/Toqsick/MaxClaw --skill excalidraw-toqsick
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Toqsick/MaxClaw/tree/main/.claude/skills/excalidraw
Command: npx skills add https://github.com/Toqsick/MaxClaw --skill excalidraw-toqsick

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill addresses the need for quickly creating hand-drawn diagrams using Excalidraw JSON, eliminating the need for manual drawing and reducing the time spent on diagram creation.

Core Features & Use Cases

  • Excalidraw JSON Conversion: Convert JSON formatted data into Excalidraw diagrams.
  • Automated Diagram Creation: Automatically generate diagrams using predefined JSON structures.
  • Use Case: For designers or developers who need to create flowcharts, architecture diagrams, or sequence diagrams in a fast and efficient manner.

Quick Start

Use the excalidraw skill to create a flowchart by providing the following JSON structure: { "type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [...] }

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 automatically from JSON data?

You can generate Excalidraw diagrams automatically by converting JSON formatted data into the Excalidraw JSON structure, which requires defining the elements array and version within the JSON payload to render the visual output.

What is the Excalidraw JSON format used for automated diagram creation?

The Excalidraw JSON format is a structured data schema containing type, version, source, and elements fields, used to programmatically define and render hand-drawn style diagrams for software development and design workflows.

Do I need to know the Excalidraw JSON schema to create flowcharts?

Yes, you need knowledge of the Excalidraw JSON format and the ability to generate JSON data for diagrams, because the conversion process relies on providing a predefined JSON structure to render the flowchart elements.

Can I use JSON to create architecture and sequence diagrams in Excalidraw?

Yes, you can use JSON to create architecture and sequence diagrams in Excalidraw, enabling automated creation of these diagram types for use in software development and design workflows without manual drawing.

What is the best way to automate hand-drawn diagram creation for software development?

The best way to automate hand-drawn diagram creation is converting JSON formatted data into Excalidraw diagrams, eliminating manual drawing and reducing the time spent on generating flowcharts and architecture diagrams.

Are there limitations when generating Excalidraw diagrams with JSON?

The main limitation is the strict requirement for correctly formatted JSON data, meaning you must accurately structure the elements array and other schema fields to successfully render the automated diagrams without errors.