excalidraw

Create hand-drawn diagrams in Excalidraw JSON format.

Updated Jul 8, 2026

Search Tags:#architecture #json #excalidraw #flowchart #diagram

Ready to run

npx skills add https://github.com/FlyFireF/PersonalAgentAPP --skill excalidraw-flyfiref

💬 Prompt for ChatGPT / Claude Chat▼

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.