excalidraw

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

1|Updated Apr 24, 2026
One-click install
npx skills add https://github.com/automatedigital/spark --skill excalidraw-automatedigital
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/automatedigital/spark/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/automatedigital/spark --skill excalidraw-automatedigital

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill removes the need for external design tools or user accounts to produce professional hand-drawn style diagrams, letting you generate architecture, flowchart, and concept diagrams directly as portable .excalidraw files.

Core Features & Use Cases

  • Excalidraw JSON Generation: Create valid .excalidraw files with hand-drawn style shapes, arrows, text, and proper element bindings for accurate rendering in Excalidraw.
  • Specialized Diagram Support: Build sequence diagrams, background zone diagrams, and dark mode diagrams using included reference guides and copy-pasteable examples.
  • Use Case: A product manager can use this Skill to generate a user flow diagram, save it as a .excalidraw file, and upload it to get a shareable link for stakeholder review.

Quick Start

Use the excalidraw skill to create a sequence diagram showing the login request flow between the user, agent, and server, then save it as login-sequence.excalidraw.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate hand-drawn architecture diagrams without using external design tools?

You can generate hand-drawn architecture diagrams by creating valid .excalidraw JSON files directly. This approach produces portable files with proper element bindings and styling without requiring external design tools or user accounts.

Can I create sequence diagrams and flowcharts as JSON files for technical documentation?

Yes, you can create sequence diagrams and flowcharts as JSON files. The process outputs valid .excalidraw files containing hand-drawn style shapes, arrows, and text, specifically structured for accurate rendering in technical documentation.

Does generating Excalidraw JSON files require a user account or external design software?

Generating Excalidraw JSON files does not require a user account or external design software. The process directly creates portable .excalidraw files with correct element bindings and styling, entirely bypassing external tool prerequisites.

How do I securely share the hand-drawn diagrams I generate?

To securely share hand-drawn diagrams, you can use optional client-side encrypted upload to generate shareable links. This directly produces shareable URLs from the valid .excalidraw files created during the diagram generation process.

What is the best way to visualize workflow diagrams for team collaboration without manual drawing?

The best way to visualize workflow diagrams for team collaboration is generating Excalidraw JSON format files. This method automatically structures architecture and concept maps with proper element bindings, removing manual drawing steps.