excalidraw

Generate hand-drawn Excalidraw diagrams from JSON element specifications.

Updated Jun 26, 2026
One-click install
npx skills add https://github.com/NITISH-gitbit/hermes-custom --skill excalidraw-nitish-gitbit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/NITISH-gitbit/hermes-custom/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/NITISH-gitbit/hermes-custom --skill excalidraw-nitish-gitbit

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 Excalidraw diagrams programmatically, eliminating the need for manual drawing and allowing for easy diagram creation and sharing.

Core Features & Use Cases

  • Programmatic Diagram Creation: Generate diagrams using JSON-based Excalidraw element specifications.
  • Integration with Excalidraw: Diagrams can be easily viewed and edited on excalidraw.com.
  • Use Case: Create architecture diagrams, flowcharts, sequence diagrams, and more, all programmatically.

Quick Start

Create a JSON file with Excalidraw elements and use the skill to render it into a diagram.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate Excalidraw diagrams programmatically from JSON?

To generate Excalidraw diagrams programmatically, you define diagram elements in a JSON specification and use the skill to render the hand-drawn output. This automates architectural design, flowcharts, and sequence diagram illustration.

Can I create flowcharts and sequence diagrams using JSON input for Excalidraw?

Yes, you can create flowcharts and sequence diagrams by structuring your diagram elements in JSON. The skill processes these JSON specifications to produce hand-drawn architectural designs and sequence diagrams.

Do I need the Excalidraw platform to render JSON specifications into diagrams?

Yes, you need Excalidraw to render the JSON specifications. The skill automates the generation of the JSON element structures, which can then be easily viewed and edited on excalidraw.com.

What is the best way to automate hand-drawn diagram creation without manual drawing?

The best way to automate hand-drawn diagram creation is by using JSON-based Excalidraw element specifications. This eliminates manual drawing and allows for easy programmatic diagram creation and sharing.

Does Excalidraw support editing diagrams generated from JSON input?

Yes, Excalidraw supports editing diagrams generated from JSON input. Diagrams created programmatically through JSON specifications can be easily viewed, modified, and edited directly on excalidraw.com.