Create architecture, flowchart, and sequence diagrams from Excalidraw JSON elements.
npx skills add https://github.com/kngender5/hermes --skill excalidraw-kngender5
Please help me install this Agent Skill. Skill: excalidraw Source: https://github.com/kngender5/hermes/tree/main/skills/creative/excalidraw Command: npx skills add https://github.com/kngender5/hermes --skill excalidraw-kngender5
This Skill enables users to create hand-drawn diagrams by writing standard Excalidraw element JSON, saving time and effort compared to manual drawing.
.excalidraw files for use on excalidraw.com.Use the excalidraw skill to create a rectangle element at coordinates (100, 100) with width 200 and height 100, then save it as 'diagram.excalidraw'.
High-intent search queries and answers about installing and using this skill.
Generate Excalidraw JSON by defining elements with coordinates, width, and height to create hand-drawn diagrams. This approach automates diagram creation, saving time compared to manual drawing on excalidraw.com.
You can create various diagram types using Excalidraw JSON format, including architecture diagrams, flowcharts, and sequence diagrams. The Skill supports standard Excalidraw element representation for defining these structures.
Save Excalidraw diagrams as `.excalidraw` files to use them on excalidraw.com. The Skill outputs the generated JSON elements directly into this file format for seamless integration.
No dependencies are required to write Excalidraw element JSON. The Skill operates independently with basic scripts and references to facilitate JSON generation for your diagrams.
The best way to define a rectangle in Excalidraw JSON is by specifying its coordinates, such as (100, 100), and setting its width and height. This creates the element structure needed for your diagram.
Yes, you can automate diagram creation by writing standard Excalidraw element JSON. This method replaces manual drawing by directly defining the structural elements needed for your architecture or flowchart diagrams.
Devsoul2026Convert Excalidraw element JSON into ready-to-use .excalidraw diagrams.
Rawgrowth-ConsultingCreate hand-drawn diagrams from Excalidraw JSON element arrays.
JamesFincherGenerate Excalidraw diagrams from JSON element definitions and save as .excalidraw files.
eliottbusinessGenerate and manage hand-drawn diagrams from Excalidraw JSON definitions.