skills.rest
TitoPrausee
TitoPrauseeCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generates editable .excalidraw files for diagrams from structured visual descriptions.

Updated Jul 7, 2026
Search Tags:#architecture#json#excalidraw#flowchart#diagramming#sequence diagram#shareable links
One-click install
npx skills add https://github.com/TitoPrausee/nexus-toti --skill excalidraw-titoprausee
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/TitoPrausee/nexus-toti/tree/main/data/skills/creative/excalidraw
Command: npx skills add https://github.com/TitoPrausee/nexus-toti --skill excalidraw-titoprausee

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It removes the friction of turning structured ideas into clear, hand-drawn style diagrams that can be opened, edited, and shared in Excalidraw.

Core Features & Use Cases

  • Diagram Generation: Create Excalidraw JSON for architecture diagrams, flowcharts, sequence diagrams, and concept maps.
  • Shareable Outputs: Save diagrams as .excalidraw files that can be opened directly in excalidraw.com.
  • Optional Upload Flow: Use the included upload script to generate a shareable link for collaborators.
  • Use Case: A product or engineering team can describe a system workflow in plain language and get a clean visual diagram ready for review in minutes.

Quick Start

Ask me to create an Excalidraw diagram for your workflow, architecture, or sequence, and I will return a ready-to-save .excalidraw file.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate an Excalidraw diagram from a text description?▼

To generate an Excalidraw diagram, provide a structured visual description of your architecture, flowchart, or sequence diagram. The skill converts this text into valid Excalidraw JSON envelopes and outputs a ready-to-save .excalidraw file for direct editing.

Can I create shareable links for my Excalidraw flowcharts?▼

Yes, you can create shareable links for Excalidraw flowcharts using the included upload script. This optional upload flow leverages cryptography dependencies to generate encrypted shareable links for your collaborators.

What types of diagrams can I build using Excalidraw JSON?▼

Using Excalidraw JSON, you can build architecture diagrams, flowcharts, sequence diagrams, and concept maps. The output relies on valid JSON envelopes with container-bound labels and unique element IDs to ensure proper rendering.

Do I need to format the Excalidraw JSON structure manually?▼

No, you do not need to format the Excalidraw JSON structure manually. You simply describe your system workflow in plain language, and the skill automatically generates the valid Excalidraw JSON envelopes with unique element IDs and container-bound labels.

How do I open an exported .excalidraw file for editing?▼

To open an exported .excalidraw file for editing, navigate to excalidraw.com and load the file directly into the web interface. The diagram retains its editable elements, allowing immediate modifications to the visual output.

Related Skills

Explore More Design & Creative Skills→
ZHangZHengEricZHangZHengEric
1.2k

excalidraw-diagram-generator

Translate natural-language descriptions into Excalidraw diagram JSON files.

Community
Intermediate
RedWoodOGRedWoodOG
174

excalidraw

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

Community
Intermediate
carterwayneskhizeinecarterwayneskhizeine
19

excalidraw

Create editable Excalidraw diagrams from element JSON in .excalidraw files.

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

diagram-creator

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

Official
Intermediate