excalidraw

Create hand-drawn Excalidraw JSON diagrams from formatted elements.

Updated Sep 28, 2021
One-click install
npx skills add https://github.com/XyHalcyon/config-files --skill excalidraw-xyhalcyon
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/XyHalcyon/config-files/tree/main/hermes/skills/creative/excalidraw
Command: npx skills add https://github.com/XyHalcyon/config-files --skill excalidraw-xyhalcyon

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the process of creating hand-drawn Excalidraw JSON diagrams, making it easier and more efficient to visualize complex information.

Core Features & Use Cases

  • JSON-based Diagrams: Generate diagrams by writing JSON and saving as .excalidraw files.
  • Direct Integration: No need for accounts or API keys; just use JSON to create and edit diagrams.
  • Use Case: Use this Skill to create architecture diagrams, flowcharts, and more, without needing to learn complex diagramming tools.

Quick Start

Use the excalidraw skill to create a new diagram, write the JSON for a rectangle element with text 'My Rectangle', and save it as '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 create Excalidraw diagrams using JSON?

You can create Excalidraw diagrams by writing JSON formatting for elements and saving the file with a `.excalidraw` extension. This process uses Excalidraw's canvas directly to render your hand-drawn visualization.

What is the best way to generate architecture diagrams without external software?

Generating Excalidraw JSON diagrams is the best way to create architecture diagrams without external software. You simply write the JSON for elements like rectangles and text, then save the output directly.

Do I need an API key to create hand-drawn visualizations?

No, you do not need an API key to create hand-drawn visualizations. The process offers direct integration, allowing you to generate and edit Excalidraw diagrams entirely through JSON formatting.

Can I use JSON to make flowcharts on the Excalidraw canvas?

Yes, you can use JSON to make flowcharts on the Excalidraw canvas. By defining elements in JSON formatting, you can quickly generate flowcharts and save them as `.excalidraw` files for immediate visualization.

How do I add a rectangle with text to my Excalidraw JSON file?

To add a rectangle with text to your Excalidraw JSON file, you write the JSON formatting for a rectangle element and specify the text string. Save the output as a `.excalidraw` file to view the diagram.