skills.rest
faramirezs
faramirezsCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Create Excalidraw diagrams from element JSON and save as .excalidraw files.

Updated Jun 15, 2026
Search Tags:#architecture#json#excalidraw#flowchart#visualization#diagram
One-click install
npx skills add https://github.com/faramirezs/talking_printer --skill excalidraw-faramirezs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/faramirezs/talking_printer/tree/main/hermes-agent/skills/creative/excalidraw
Command: npx skills add https://github.com/faramirezs/talking_printer --skill excalidraw-faramirezs

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Hand-drawn Excalidraw diagrams are created by composing standard element JSON and saving them as .excalidraw files, enabling quick, shareable visuals without heavy tooling.

Core Features & Use Cases

  • Write standard Excalidraw elements (type, id, x, y, width, height) as JSON and save them as .excalidraw.
  • Bind labels to shapes using container binding to ensure text is rendered on load.
  • Optionally upload diagrams to excalidraw.com to generate a shareable link for collaboration and sharing.

Quick Start

Write the elements JSON and save as my_diagram.excalidraw, then optionally run the upload script to share.

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

You create Excalidraw diagrams by composing standard element JSON with required fields (type, id, x, y, width, height) and saving the output as .excalidraw files.

How do I bind text labels to shapes in Excalidraw JSON?▼

You bind labels to shapes using container binding in the JSON structure, ensuring text is properly rendered on the container shape when the file loads.

Can I generate a shareable link for an Excalidraw diagram?▼

Yes, you can generate a shareable link by running the optional upload script that uploads your .excalidraw file to excalidraw.com for collaboration and sharing.

Do I need to install any dependencies to generate Excalidraw files?▼

You need the cryptography dependency installed to run the optional upload script for generating shareable links, but creating and saving standard .excalidraw JSON files requires no dependencies.

What is the best way to automate flowchart visualization without heavy tooling?▼

The best way to automate flowchart visualization without heavy tooling is to programmatically compose standard Excalidraw element JSON and save it as .excalidraw files for quick, shareable visuals.

Related Skills

Explore More Design & Creative Skills→
githubgithub
37.6k

excalidraw-diagram-generator

Convert natural-language diagram requests into Excalidraw-ready .excalidraw files.

Official
Intermediate
RedWoodOGRedWoodOG
174

excalidraw

Generate Excalidraw-compatible JSON diagrams and save them as .excalidraw files.

Community
Intermediate
helix4uhelix4u

excalidraw

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

Community
Intermediate
claude-office-skillsclaude-office-skills
368

diagram-creator

Generate flowcharts, sequence diagrams, and architecture diagrams from Mermaid and PlantUML text.

Official
Intermediate