excalidraw

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

Updated Mar 12, 2026
One-click install
npx skills add https://github.com/GarrettRoi/open-manus --skill excalidraw-garrettroi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/GarrettRoi/open-manus/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/GarrettRoi/open-manus --skill excalidraw-garrettroi

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows you to generate custom, hand-drawn style diagrams using Excalidraw's JSON format, eliminating the need for manual drawing tools for simple diagrams.

Core Features & Use Cases

  • Diagram Generation: Create diagrams by defining Excalidraw elements in JSON format.
  • File Creation: Save diagrams as .excalidraw files, compatible with excalidraw.com.
  • Shareable Links: Optionally upload diagrams for shareable links.
  • Use Case: Generate an architecture diagram for a new microservice by defining its components and their connections in Excalidraw JSON.

Quick Start

Write the Excalidraw elements JSON and save it to a file named 'my_diagram.excalidraw'.

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 to create hand-drawn diagrams?

You create hand-drawn style diagrams by writing Excalidraw elements in JSON format and saving them as a `.excalidraw` file. This file can then be opened directly at excalidraw.com or uploaded to generate a shareable link.

Can I create a flowchart using Excalidraw JSON format?

Yes, you can create flowcharts using Excalidraw JSON format. The Skill supports various element types including rectangles, ellipses, diamonds, text, and arrows with binding capabilities to map out flowchart logic.

Does the Excalidraw JSON format support sequence diagrams and architecture diagrams?

Yes, the Excalidraw JSON format supports generating architecture diagrams, flowcharts, and sequence diagrams. You define its components and their connections using supported elements like rectangles, arrows, and text.

What is the best way to share an Excalidraw file generated from JSON?

The best way to share an Excalidraw file generated from JSON is to optionally upload the `.excalidraw` file to generate a shareable link. Alternatively, you can open the file directly at excalidraw.com.

How do I bind arrows to elements when creating Excalidraw diagrams via JSON?

You bind arrows to elements by defining binding capabilities within the Excalidraw JSON structure. This connects arrows to shapes like rectangles and ellipses, ensuring they stay attached when generating hand-drawn style diagrams.