skills.rest
lucasfth
lucasfthCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw

Create hand-drawn style diagrams from Excalidraw JSON data.

1|Updated Apr 30, 2025
Search Tags:#architecture#json#excalidraw#visualization#flowcharts#diagram#hand-drawn
One-click install
npx skills add https://github.com/lucasfth/config --skill excalidraw-lucasfth
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/lucasfth/config/tree/main/.hermes/skills/creative/excalidraw
Command: npx skills add https://github.com/lucasfth/config --skill excalidraw-lucasfth

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Hand-drawn style diagrams often require manual setup and formatting; this skill streamlines diagram creation by converting Excalidraw JSON into ready-to-use .excalidraw files.

Core Features & Use Cases

  • Generate .excalidraw files from standard Excalidraw element JSON.
  • Drag-and-drop viewing and editing in Excalidraw or upload for shareable links.
  • Use cases include architecture diagrams, flowcharts, sequence diagrams, and concept maps.

Quick Start

Write your Excalidraw element JSON array to a .excalidraw file and, if needed, run the upload script to generate a shareable link.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate architecture diagrams from JSON data?▼

You can generate architecture diagrams from JSON by providing standard Excalidraw element JSON arrays. The skill creates a .excalidraw envelope file that renders the data into hand-drawn style diagrams.

Can I create a shareable link for my Excalidraw flowchart?▼

Yes, you can create a shareable link for your Excalidraw flowchart. After generating the .excalidraw file from JSON, run the upload script to obtain a shareable URL for viewing.

What is the Excalidraw JSON format used for sequence diagrams?▼

The Excalidraw JSON format for sequence diagrams consists of standard Excalidraw element JSON arrays. This data structure defines the elements needed to render hand-drawn style sequence diagrams.

Does the Excalidraw skill work with standard element JSON?▼

Yes, the Excalidraw skill works directly with standard Excalidraw element JSON. It accepts this JSON format to create .excalidraw files without requiring manual formatting.

What's the best way to automate hand-drawn diagram creation?▼

The best way to automate hand-drawn diagram creation is converting Excalidraw JSON to .excalidraw files. This streamlines the process by programmatically generating architecture and flowchart diagrams.

Related Skills

Explore More Design & Creative Skills→
Devsoul2026Devsoul2026
150

excalidraw

Convert Excalidraw element JSON into ready-to-use .excalidraw diagrams.

Community
Intermediate
RedWoodOGRedWoodOG
174

excalidraw

Generate Excalidraw-compatible JSON diagrams and save them as .excalidraw files.

Community
Intermediate
fikriaffikriaf

excalidraw

Generate hand-drawn style diagrams in Excalidraw JSON format.

Community
Basic
claude-office-skillsclaude-office-skills
368

diagram-creator

Generate flowcharts, sequence diagrams, and architecture diagrams from Mermaid and PlantUML text.

Official
Intermediate