skills.rest
gztcode
gztcodeCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Create hand-drawn style diagrams from Excalidraw JSON files.

Updated May 8, 2026
Search Tags:#architecture#json#excalidraw#diagrams#flowcharts
One-click install
npx skills add https://github.com/gztcode/my-skills --skill excalidraw-gztcode
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/gztcode/my-skills/tree/main/excalidraw
Command: npx skills add https://github.com/gztcode/my-skills --skill excalidraw-gztcode

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the creation of hand-drawn style diagrams in Excalidraw JSON format, allowing for quick and easy visualization of architectural diagrams, flowcharts, and concept maps without the need for complex design software.

Core Features & Use Cases

  • Diagram Creation: Build architecture diagrams, flowcharts, sequence diagrams, and concept maps using standard Excalidraw JSON.
  • Save & Upload: Save diagrams as .excalidraw files, which can be viewed and edited at excalidraw.com or uploaded for shareable links.
  • Use Case: Create a detailed network architecture diagram by defining the JSON structure for shapes, connections, and labels.

Quick Start

Create a diagram by writing standard Excalidraw element JSON and saving as '.excalidraw' file. Then, upload it using 'upload.py' script to generate a shareable link.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate Excalidraw JSON for architecture diagrams?▼

To generate Excalidraw JSON for architecture diagrams, you define standard Excalidraw element structures for shapes like rectangles, ellipses, and arrows, utilizing container binding for labeling.

Can I automate hand-drawn style flowchart creation without design software?▼

You can automate hand-drawn style flowchart creation by writing standard Excalidraw element JSON, allowing quick visualization of technical diagrams without needing complex design software.

How do I save and share Excalidraw diagrams using a JSON file format?▼

You save diagrams as .excalidraw files using the JSON-based file format, then upload them using an upload.py script to generate a shareable link for viewing on excalidraw.com.

What diagram types are supported by the Excalidraw JSON format?▼

The Excalidraw JSON format supports creating architecture diagrams, flowcharts, sequence diagrams, and concept maps using standard element structures with container binding for labels.

Does Excalidraw JSON support container binding for technical documentation?▼

Yes, Excalidraw JSON supports container binding for labeling elements, which is specifically useful for organizing shapes and arrows in technical documentation and UI/UX design processes.

Related Skills

Explore More Software Engineering Skills→
GarrettRoiGarrettRoi

excalidraw

Generate hand-drawn style diagrams as .excalidraw JSON files.

Community
Intermediate
attentiondotnetattentiondotnet

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Community
Intermediate
neo4j-labsneo4j-labs
406

excalidraw

Generate Excalidraw JSON diagrams from textual descriptions.

Official
Basic
htn332805htn332805

excalidraw-diagram-generator

Generate Excalidraw diagrams from natural language descriptions.

Community
Intermediate