skills.rest
jasonkneen
jasonkneenCOMMUNITY
Explore all skills by this author →
Website𝕏@JasonkneenGitHub

excalidraw

Convert JSON data into Excalidraw files for diagram creation.

471|92|Updated Apr 23, 2026
Search Tags:#collaboration#json#excalidraw#diagramming#diagram
One-click install
npx skills add https://github.com/jasonkneen/openclicky --skill excalidraw-jasonkneen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/jasonkneen/openclicky/tree/main/AppResources/OpenClicky/OpenClickyBundledSkills/excalidraw
Command: npx skills add https://github.com/jasonkneen/openclicky --skill excalidraw-jasonkneen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill simplifies the creation of hand-drawn diagrams by converting JSON data into Excalidraw files, allowing users to easily share and edit their diagrams online.

Core Features & Use Cases

  • JSON-based Diagrams: Generate diagrams by writing JSON code for Excalidraw elements.
  • Shareable Links: Upload diagrams to excalidraw.com for sharing and editing without accounts or API keys.
  • Use Case: Create a flowchart for a project by writing the JSON code for each element and then uploading it to excalidraw.com for collaboration.

Quick Start

Write the JSON code for your diagram and save it as 'diagram.json'. Then, use the 'upload_diagram' command to create a shareable link.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I convert JSON data into Excalidraw diagrams for sharing?▼

To convert JSON data into Excalidraw diagrams, write the JSON code for your elements and save it as a 'diagram.json' file. You then use the 'upload_diagram' command to generate a shareable link on excalidraw.com without needing an API key.

Do I need an API key to create shareable links for Excalidraw diagrams?▼

No, you do not need an API key to create shareable links for Excalidraw diagrams. The Skill uploads your generated JSON files directly to excalidraw.com, allowing you to share and edit diagrams online without account requirements or API authentication.

What is the process for generating a flowchart using JSON for Excalidraw?▼

Generating a flowchart using JSON for Excalidraw requires writing the JSON code for each diagram element and saving it locally. You then run the 'upload_diagram' command to convert the file into a shareable online hand-drawn diagram.

Does basic diagram creation with this approach require prior scripting knowledge?▼

Yes, basic diagram creation with this approach requires scripting knowledge for file operations. You must understand the Excalidraw JSON format to correctly configure elements and run the necessary scripts to save and upload your diagram files.

Can I collaborate on diagrams generated from JSON data without an account?▼

Yes, you can collaborate on diagrams generated from JSON data without an account. Once your JSON file is uploaded to excalidraw.com, the resulting shareable link allows others to view and edit the hand-drawn diagram directly in their browser.

Related Skills

Explore More Design & Creative Skills→
Devsoul2026Devsoul2026
150

excalidraw

Convert Excalidraw element JSON into ready-to-use .excalidraw diagrams.

Community
Intermediate
RedWoodOGRedWoodOG
174

excalidraw

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

Community
Intermediate
bailynlovebailynlove
1

excalidraw

Convert Excalidraw element JSON into hand-drawn style diagrams using Python.

Community
Basic
Strategic-AutomationStrategic-Automation
6

excalidraw

Convert Excalidraw element JSON into .excalidraw files for visual rendering.

Official
Intermediate