skills.rest
lengoctuong2005
lengoctuong2005COMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generate Excalidraw diagrams from JSON element data using Python scripts.

5|1|Updated Mar 24, 2026
Search Tags:#automation#json#excalidraw#presentation#diagram
One-click install
npx skills add https://github.com/lengoctuong2005/Branding-Focused-Skills --skill excalidraw-lengoctuong2005
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/lengoctuong2005/Branding-Focused-Skills/tree/main/antigravity/skills/hermes-collection/creative/excalidraw
Command: npx skills add https://github.com/lengoctuong2005/Branding-Focused-Skills --skill excalidraw-lengoctuong2005

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires json, cryptography, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of Excalidraw diagrams from JSON files, making it easy to generate, view, and share diagrams without using the Excalidraw app.

Core Features & Use Cases

  • Automated Diagram Creation: Convert JSON files containing Excalidraw element data into visual diagrams.
  • Integration with Excalidraw: Upload diagrams directly to excalidraw.com for further editing.
  • Use Case: Use this Skill to create architecture diagrams, flowcharts, and other diagrams for presentations or documentation.

Quick Start

Load the 'excalidraw_diagram_skill' and create a JSON file with Excalidraw elements, then use the skill to save the diagram.

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

To generate Excalidraw diagrams from JSON data, you define Excalidraw element data within a JSON file and run the Skill's Python conversion scripts to produce the visual diagram output.

Can I automate flowchart creation for presentations without using the Excalidraw app directly?▼

Yes, you can automate flowchart creation by supplying JSON element data to the Skill, which generates the diagrams programmatically and then integrates with excalidraw.com for editing and sharing.

How does JSON conversion work for architectural diagrams in Excalidraw?▼

JSON conversion for architectural diagrams works by translating structured JSON element data into Excalidraw's native format using Python scripts, creating visual representations suitable for documentation.

Do I need the cryptography and json libraries to create Excalidraw diagrams?▼

Yes, the Skill requires both the json and cryptography Python libraries to process the JSON element data and handle the conversion and integration with excalidraw.com.

What is the best way to share Excalidraw diagrams created from JSON files?▼

The best way to share Excalidraw diagrams created from JSON files is to use the Skill's direct integration feature, which uploads the generated diagrams to excalidraw.com for immediate sharing and further editing.

Can I use Python scripts to automate diagram generation for architecture documentation?▼

Yes, you can use the provided Python scripts to automate diagram generation by feeding them JSON element data, producing architectural diagrams and other visualizations for your documentation.

Related Skills

Explore More Design & Creative Skills→
zeronx798zeronx798

excalidraw

Generate hand-drawn style diagrams from Excalidraw-compatible JSON elements.

Community
Intermediate
photonics-dhlphotonics-dhl

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Community
Intermediate
DiologIRDiologIR

lecturn-deck

Convert PowerPoint .pptx files to and from the Lecturn deck/1 JSON schema.

Official
Advanced
htn332805htn332805

excalidraw-diagram-generator

Generate Excalidraw diagrams from natural language descriptions.

Community
Intermediate