excalidraw

Create Excalidraw diagrams from JSON-formatted shape and element data.

5|2|Updated May 26, 2026
One-click install
npx skills add https://github.com/nyxoraAI/Nyxora --skill excalidraw-nyxoraai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/nyxoraAI/Nyxora/tree/main/packages/core/playbooks/creative/excalidraw
Command: npx skills add https://github.com/nyxoraAI/Nyxora --skill excalidraw-nyxoraai

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 and Excalidraw, eliminating the need for manual drawing and providing a quick and efficient way to visualize ideas and concepts.

Core Features & Use Cases

  • JSON-based Diagrams: Create diagrams by writing standard Excalidraw element JSON.
  • Export to Excalidraw: Save diagrams as .excalidraw files for viewing and editing on excalidraw.com.
  • Use Case: Generate architecture diagrams, flowcharts, sequence diagrams, and more using JSON and Excalidraw.

Quick Start

Use the excalidraw skill to create a simple rectangle and label it 'Example'.

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 from JSON data?

You generate Excalidraw diagrams from JSON data by writing standard Excalidraw element JSON, which the Skill parses to automatically create hand-drawn style visualizations without manual drawing.

Can I export JSON-generated diagrams as .excalidraw files for editing?

Yes, you can export JSON-generated diagrams as .excalidraw files, allowing you to save the visualization output for direct viewing and further editing on the excalidraw.com platform.

Do I need to know the Excalidraw JSON format to create diagrams?

Yes, you need knowledge of the Excalidraw JSON format and basic scripting skills to define diagram elements, as the Skill requires structured JSON input rather than manual graphical input.

What is the best way to automate hand-drawn diagram creation for architecture flows?

The best way to automate hand-drawn diagram creation for architecture flows is using JSON-based parsing to generate elements, eliminating manual drawing while quickly visualizing concepts like architecture diagrams and sequence diagrams.

What types of diagrams can I create using JSON visualization?

Using JSON visualization, you can create architecture diagrams, flowcharts, sequence diagrams, and other conceptual visualizations by defining the respective elements within the structured Excalidraw JSON format.

Why use JSON to create hand-drawn diagrams instead of manual drawing?

Using JSON to create hand-drawn diagrams eliminates the need for manual drawing, providing a quick and efficient way to visualize ideas and concepts programmatically through automated parsing.