skills.rest
DonZzzilla
DonZzzillaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw

Generate Excalidraw JSON diagrams and convert them to SVG.

Updated Jun 13, 2026
Search Tags:#design#json#excalidraw#svg#diagram
One-click install
npx skills add https://github.com/DonZzzilla/kalshi-explorer --skill excalidraw-donzzzilla
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/DonZzzilla/kalshi-explorer/tree/main/skills/user-skills/creative/excalidraw
Command: npx skills add https://github.com/DonZzzilla/kalshi-explorer --skill excalidraw-donzzzilla

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill facilitates the creation of hand-drawn diagrams using Excalidraw's JSON format, allowing users to easily generate and manage diagrams programmatically.

Core Features & Use Cases

  • JSON-based Diagram Creation: Generate Excalidraw-compatible JSON to create diagrams programmatically.
  • Element Types: Supports rectangle, ellipse, diamond, arrow, and text elements with various properties.
  • Embedding SVG: Provides instructions for converting Excalidraw JSON to inline SVG for embedding in web pages.
  • Use Case: Ideal for automating the generation of technical diagrams, flowcharts, and architecture sketches.

Quick Start

Use the excalidraw skill to create a rectangle with an ID of 'rect1', a position at (100, 100), and dimensions (200, 100).

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 programmatically using JSON?▼

Create hand-drawn diagrams programmatically by generating Excalidraw-compatible JSON structures. This Skill automates diagram creation by mapping elements like rectangles, ellipses, and arrows into the required JSON format.

Can I convert Excalidraw JSON to SVG for embedding in web pages?▼

Yes, you can convert Excalidraw JSON to SVG for embedding in web pages. The Skill provides instructions for transforming Excalidraw JSON output into inline SVG suitable for web content integration.

What diagram elements are supported in Excalidraw JSON format?▼

Excalidraw JSON format supports rectangle, ellipse, diamond, arrow, and text elements. You define these elements with specific properties like position coordinates and dimensions within the JSON structure.

Do I need prior knowledge of Excalidraw JSON structure to generate diagrams?▼

Yes, generating custom diagrams requires knowledge of Excalidraw JSON structure. Understanding the schema is necessary to properly define element properties and automate technical diagram and flowchart creation.

Is automating flowchart generation with JSON better than using manual diagram tools?▼

Automating flowchart generation with JSON is ideal for programmatic diagram management. Unlike manual diagram tools, it allows you to generate and manage technical diagrams and architecture sketches systematically through code.

What are the limitations of generating diagrams from Excalidraw JSON?▼

Generating diagrams from Excalidraw JSON requires precise structural knowledge of the format. Complex custom designs may be limited by your familiarity with defining element properties and coordinates manually within the JSON schema.

Related Skills

Explore More Design & Creative Skills→
robertbr123robertbr123

excalidraw

Convert JSON input into Excalidraw diagram files.

Community
Basic
cassm199-mitacassm199-mita

excalidraw

Generate hand-drawn style diagrams and sketches in Excalidraw JSON format.

Community
Basic
ChimeraFoundationaChimeraFoundationa

excalidraw

Convert Excalidraw element JSON into portable .excalidraw diagram files.

Community
Intermediate
jonathan-vellajonathan-vella
6

excalidraw

Generate hand-drawn style diagrams, wireframes, and sketches in VS Code.

Community
Basic