excalidraw

Creates editable Excalidraw JSON files for visualizing structured information.

Updated Feb 21, 2026

Search Tags:#architecture #json #excalidraw #visualization #diagrams #flowcharts

Ready to run

npx skills add https://github.com/Gitnapp/Skills --skill excalidraw-gitnapp

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Gitnapp/Skills/tree/main/creative/excalidraw
Command: npx skills add https://github.com/Gitnapp/Skills --skill excalidraw-gitnapp

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps users create structured, editable visual diagrams without manually drawing elements, by generating valid Excalidraw JSON files for architecture, workflows, and technical illustrations.

Core Features & Use Cases

Excalidraw JSON Generation: Creates diagram files using standard Excalidraw element structures, including shapes, text, arrows, and bindings.
Diagram Design Guidance: Supports architecture diagrams, flowcharts, sequence diagrams, and concept maps with layout, styling, and ordering rules.
Use Case: Generate a software architecture diagram, save it as an Excalidraw file, and open it in Excalidraw for further editing and sharing.

Quick Start

Generate an Excalidraw architecture diagram showing the components and connections of my system.

Frequently Asked Questions about excalidraw

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

FAQPage Schema

How do I generate Excalidraw JSON files for architecture diagrams?▼

You can generate Excalidraw JSON files for architecture diagrams by creating standard Excalidraw element structures, including shapes, text, arrows, and bindings, which can be opened and edited directly in Excalidraw.

What is the best way to create hand-drawn flowcharts from structured information?▼

The best way to create hand-drawn flowcharts from structured information is to generate valid Excalidraw JSON schemas that define layout, styling, and ordering rules for visualizing workflows.

Can I use scripts to encrypt and upload my Excalidraw diagrams?▼

Yes, you can use provided scripts to encrypt and upload your Excalidraw diagrams, utilizing the cryptography dependency to secure your generated JSON files during sharing.

Does this approach support sequence diagrams and concept maps?▼

Yes, this approach supports sequence diagrams and concept maps by applying specific layout and binding rules within the Excalidraw JSON structure to map complex technical illustrations.

Why do I need valid Excalidraw element schemas for diagram generation?▼

You need valid Excalidraw element schemas to ensure the generated JSON correctly maps shapes, text, arrows, and bindings, allowing the diagram to open without rendering errors in Excalidraw.