skills.rest
NousResearch
NousResearchOFFICIAL
Explore all skills by this author →
Website𝕏@nousresearchGitHub

excalidraw

Generate hand-drawn style diagrams in Excalidraw JSON format.

228k|44.7k|Updated Jul 22, 2025
Search Tags:#architecture#json#excalidraw#flowchart#diagramming#visualization
One-click install
npx skills add https://github.com/NousResearch/hermes-agent --skill excalidraw-nousresearch
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/NousResearch/hermes-agent/tree/main/skills/diagramming/excalidraw
Command: npx skills add https://github.com/NousResearch/hermes-agent --skill excalidraw-nousresearch

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows users to programmatically generate hand-drawn style diagrams using Excalidraw's JSON format, eliminating the need for manual drawing in a graphical interface for many common diagramming tasks.

Core Features & Use Cases

  • Generate Diagrams: Create architecture diagrams, flowcharts, sequence diagrams, and concept maps by defining Excalidraw elements in JSON.
  • Save as .excalidraw: Output files are directly compatible with excalidraw.com.
  • Shareable Links: Optionally upload diagrams for a shareable URL.
  • Use Case: Automatically generate a flowchart representing a user's interaction with a new software feature based on a defined JSON structure.

Quick Start

Use the excalidraw skill to create a diagram with a rectangle and text, saving it to '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 diagrams programmatically without using the graphical interface?▼

You can generate Excalidraw diagrams programmatically by defining elements in JSON format. This Skill outputs `.excalidraw` files directly, eliminating manual drawing for architecture and flowchart tasks.

Can I create a hand-drawn style flowchart from JSON and save it as an Excalidraw file?▼

Yes, you can create hand-drawn style flowcharts by structuring Excalidraw elements in JSON. The generated output saves directly to a `.excalidraw` file compatible with excalidraw.com.

Do I need to understand Excalidraw JSON structure to create architecture diagrams?▼

Yes, a basic understanding of Excalidraw element structure and JSON formatting is required. This prerequisite allows you to define architecture diagrams and sequence diagrams accurately.

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

The best way to share a generated Excalidraw diagram is by uploading the JSON output via the provided Python script. This process creates a shareable URL for your hand-drawn visualization.

Does this diagramming approach support sequence diagrams and concept maps?▼

Yes, this diagramming approach supports sequence diagrams and concept maps. By defining the appropriate elements in JSON, you can generate various hand-drawn style visualizations.

What are the limitations of generating Excalidraw JSON files programmatically?▼

The main limitation is the requirement for basic knowledge of Excalidraw element structure and JSON formatting. Complex diagrams may require intricate JSON definitions compared to manual drawing.

Related Skills

Explore More Design & Creative Skills→
helix4uhelix4u

excalidraw

Generate Excalidraw JSON diagrams for architecture, flowcharts, and sequences.

Community
Intermediate
moltis-orgmoltis-org
2.8k

excalidraw

Export Excalidraw element JSON as .excalidraw diagram files.

Official
Intermediate
blueskies1818blueskies1818
1

excalidraw

Generates hand-drawn diagrams from JSON Excalidraw element descriptions.

Community
Intermediate
breakingcircuits1337breakingcircuits1337

Art

Generate diagrams and illustrations with an Excalidraw hand-drawn aesthetic.

Community
Intermediate