skills.rest
FlyFireF
FlyFireFCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Create hand-drawn diagrams in Excalidraw JSON format.

Updated Jul 8, 2026
Search Tags:#architecture#json#excalidraw#flowchart#diagram
One-click install
npx skills add https://github.com/FlyFireF/PersonalAgentAPP --skill excalidraw-flyfiref
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/FlyFireF/PersonalAgentAPP/tree/main/growth-companion/skills/creative/excalidraw
Command: npx skills add https://github.com/FlyFireF/PersonalAgentAPP --skill excalidraw-flyfiref

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows users to create hand-drawn diagrams using JSON, eliminating the need for accounts or external rendering libraries.

Core Features & Use Cases

  • JSON-based Diagram Creation: Generate diagrams by writing standard Excalidraw element JSON.
  • No Account Required: Simply save the JSON file and drag-and-drop it onto excalidraw.com for viewing and editing.
  • Use Case: Ideal for quickly sketching out architecture diagrams, flowcharts, and sequence diagrams without the need for specialized software.

Quick Start

Create a diagram using the excalidraw skill and save it as 'diagram.json'. Then, drag-and-drop the file onto excalidraw.com to view and edit it.

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 diagrams using JSON without an account?▼

To create hand-drawn diagrams using JSON, generate standard Excalidraw element JSON syntax and save it as a file. You can then drag-and-drop this JSON file onto excalidraw.com to view and edit the diagram without needing an account.

What is the best way to generate architecture and flowchart diagrams from text?▼

The best way to generate architecture and flowchart diagrams from text is using the Excalidraw JSON format. This Skill outputs standard JSON that can be directly imported into excalidraw.com for rendering and editing hand-drawn style diagrams.

How do I export Excalidraw JSON to view and edit sequence diagrams?▼

To export Excalidraw JSON, save the generated diagram output as a .json file. Then, drag-and-drop the saved file onto the excalidraw.com interface to view and edit your sequence diagrams directly in the browser.

Do I need external rendering libraries to view Excalidraw JSON diagrams?▼

No, you do not need external rendering libraries to view Excalidraw JSON diagrams. The Skill generates standard Excalidraw JSON that can be rendered by simply dragging and dropping the file onto the excalidraw.com website.

Do I need to know Excalidraw JSON syntax to create architecture diagrams?▼

Yes, creating architecture diagrams requires knowledge of Excalidraw JSON syntax. The Skill functions by generating standard Excalidraw element JSON, so understanding the format is necessary to produce valid architectural, flowchart, and sequence diagrams.

Related Skills

Explore More Design & Creative Skills→
ahostbrahostbr
12

excalidraw-diagrams

Generate Excalidraw diagrams from Python code as .excalidraw JSON files.

Community
Intermediate
x-TheFoxx-TheFox

excalidraw

Create hand-drawn Excalidraw diagrams from JSON saved as .excalidraw files.

Community
Intermediate
tangzheng202202tangzheng202202
1

excalidraw

Convert Excalidraw element JSON into portable .excalidraw diagram files.

Community
Intermediate
Likas07Likas07

mermaid-diagrams

Generate Mermaid diagrams for class, sequence, flowchart, ERD, and C4 architecture.

Community
Intermediate