skills.rest
NeoLabs-Systems
NeoLabs-SystemsOFFICIAL
Explore all skills by this author →
GitHub

excalidraw

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

23|4|Updated Mar 3, 2026
Search Tags:#architecture#json#excalidraw#flowchart#diagram
One-click install
npx skills add https://github.com/NeoLabs-Systems/NeoAgent --skill excalidraw-neolabs-systems
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/NeoLabs-Systems/NeoAgent/tree/main/server/catalog_sources/store-bundles/skills/creative/excalidraw
Command: npx skills add https://github.com/NeoLabs-Systems/NeoAgent --skill excalidraw-neolabs-systems

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a way to create hand-drawn style diagrams using Excalidraw JSON format, allowing users to generate .excalidraw files for various diagram types without the need for external tools.

Core Features & Use Cases

  • Excalidraw JSON Format Support: Generate .excalidraw files for architecture diagrams, flowcharts, sequence diagrams, concept maps, and more.
  • Easy to Use: Users can write standard Excalidraw element JSON and save as .excalidraw files, which can be opened at excalidraw.com or uploaded for shareable links.
  • Use Case: For instance, a user can create a flowchart of a software development process by writing the JSON and saving it as an .excalidraw file.

Quick Start

Create a diagram by writing the Excalidraw JSON and save it as 'diagram.excalidraw'.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I create hand-drawn style diagrams programmatically using Excalidraw JSON?▼

To create hand-drawn style diagrams, you write standard Excalidraw element JSON and save it as a .excalidraw file. This generates architecture diagrams, flowcharts, and concept maps without external tools.

What is the Excalidraw JSON format used for generating flowcharts and architecture diagrams?▼

The Excalidraw JSON format defines elements for hand-drawn style diagrams like flowcharts and architecture diagrams. Saving this JSON as a .excalidraw file creates shareable diagrams openable at excalidraw.com.

Can I generate .excalidraw files for sequence diagrams without needing the Excalidraw web interface?▼

Yes, you can generate .excalidraw files for sequence diagrams and concept maps by writing the Excalidraw JSON directly. This allows you to create various diagram types offline without external interfaces.

Do I need Python scripting knowledge to generate Excalidraw files for diagrams?▼

Yes, creating Excalidraw files through this method requires knowledge of the Excalidraw JSON format and basic Python scripting. This allows you to programmatically generate and save your diagram files.

How do I share an Excalidraw diagram created from JSON format?▼

To share an Excalidraw diagram created from JSON, save your element JSON as a .excalidraw file. You can then open it at excalidraw.com or upload the file to generate a shareable link.

What are the limitations of creating diagrams with Excalidraw JSON format?▼

Creating diagrams with Excalidraw JSON requires manual element definition and basic Python scripting knowledge. Users must write standard Excalidraw element JSON directly rather than using a visual editor.

Related Skills

Explore More Design & Creative Skills→
samhvw8samhvw8
14

excalidraw-architect

Generate Excalidraw diagrams programmatically from JSON-based element definitions.

Community
Advanced
photonics-dhlphotonics-dhl

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Community
Intermediate
skkeoriwskkeoriw

excalidraw

Convert hand-drawn diagrams into Excalidraw JSON format.

Community
Intermediate
neo4j-labsneo4j-labs
406

excalidraw

Generate Excalidraw JSON diagrams from textual descriptions.

Official
Basic