What problem does it solve?
This Skill simplifies the creation of hand-drawn diagrams in Excalidraw using JSON input, reducing the time and effort required to produce visually appealing diagrams.
Core Features & Use Cases
- Hand-drawn Diagrams: Create diagrams such as architecture, flowcharts, and sequence diagrams with a hand-drawn aesthetic using JSON.
- No Account Required: Simply write the JSON and save as a
.excalidraw file, then open it on excalidraw.com.
- Use Case: For technical documentation, quickly draw a flowchart of a software algorithm or an architectural diagram without the need for graphic design software.
Quick Start
To create a simple diagram, use the following JSON elements and save them to a file:
{
"type": "excalidraw",
"version": 2,
"source": "quill-agent",
"elements": [
{
"type": "rectangle",
"id": "r1",
"x": 100,
"y": 100,
"width": 200,
"height": 100
},
{
"type": "text",
"id": "t1",
"x": 105,
"y": 120,
"width": 190,
"height": 25,
"text": "Start",
"fontSize": 20,
"fontFamily": 1,
"strokeColor": "#1e1e1e",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": "r1",
"originalText": "Start",
"autoResize": true
}
],
"appState": {
"viewBackgroundColor": "#ffffff"
}
}
