skills.rest
robertbr123
robertbr123COMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw

Convert JSON input into Excalidraw diagram files.

Updated May 9, 2026
Search Tags:#json#excalidraw#diagram#diagram creation#json-based
One-click install
npx skills add https://github.com/robertbr123/Linket-Agent --skill excalidraw-robertbr123
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/robertbr123/Linket-Agent/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/robertbr123/Linket-Agent --skill excalidraw-robertbr123

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill enables users to create diagrams by writing standard Excalidraw element JSON, eliminating the need for manual drawing or complex diagram software.

Core Features & Use Cases

  • JSON-based Diagram Creation: Generate diagrams programmatically using Excalidraw element JSON.
  • No Software Required: Create and edit diagrams using a simple JSON format without needing to install or open any applications.
  • Use Case: Ideal for creating architecture diagrams, flowcharts, sequence diagrams, and more. Users can write JSON to represent their diagram elements and save them as .excalidraw files for easy sharing and editing.

Quick Start

Use the excalidraw skill to create a simple rectangle diagram with the following JSON input:

{
  "type": "excalidraw",
  "version": 2,
  "source": "linket-agent",
  "elements": [
    {
      "type": "rectangle",
      "id": "r1",
      "x": 100,
      "y": 100,
      "width": 200,
      "height": 100
    }
  ],
  "appState": {
    "viewBackgroundColor": "#ffffff"
  }
}

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

You generate Excalidraw diagrams using JSON input by writing standard Excalidraw element JSON, which the Skill converts into diagram elements like rectangles and lines without manual drawing.

Can I automate architecture diagram creation without installing diagram software?▼

Yes, you can automate architecture diagram creation without installing software by programmatically writing JSON to define elements and saving the output as standard .excalidraw files.

What is the JSON format required to create a basic Excalidraw rectangle?▼

The JSON format for Excalidraw diagrams requires a top-level object with an elements array containing type, id, x, y, width, and height properties, plus an appState object for the view background color.

Does this approach support automated sequence and flowchart generation?▼

Yes, this JSON-based approach supports automated sequence and flowchart generation by allowing you to programmatically define diagram elements for technical documentation workflows.

Do I need any external software to edit the generated Excalidraw files?▼

No, you do not need external software to create the files, but the generated .excalidraw files can be easily shared and edited in Excalidraw-compatible viewers or editors.

Related Skills

Explore More Design & Creative Skills→
NITISH-gitbitNITISH-gitbit

excalidraw

Generate hand-drawn Excalidraw diagrams from JSON element specifications.

Community
Intermediate
faramirezsfaramirezs

excalidraw

Create Excalidraw diagrams from element JSON and save as .excalidraw files.

Community
Intermediate
javiarmestojaviarmesto

add-decision-record

Record architectural decisions as timestamped markdown files in project directories.

Community
Advanced
eliottbusinesseliottbusiness

excalidraw

Generate and manage hand-drawn diagrams from Excalidraw JSON definitions.

Community
Intermediate