excalidraw

Generate and edit Excalidraw diagrams as JSON from prompts or templates.

Updated Mar 16, 2026
One-click install
npx skills add https://github.com/Sanali209/BCor --skill excalidraw-sanali209
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Sanali209/BCor/tree/main/.agents/skills/excalidraw
Command: npx skills add https://github.com/Sanali209/BCor --skill excalidraw-sanali209

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Create and edit Excalidraw diagrams programmatically to automate diagram generation and updates.

Core Features & Use Cases

  • Generate Excalidraw JSON diagrams from templates or user prompts.
  • Edit existing diagrams by adding elements, updating text, or adjusting layouts.
  • Use Case: when users request flowcharts, architecture diagrams, mind maps, or wireframes, produce ready-to-load .excalidraw files.

Quick Start

Generate a complete Excalidraw diagram JSON for a given system architecture with a few components.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I programmatically generate Excalidraw diagrams from a prompt?

Yes, you can automate diagram generation by producing valid Excalidraw JSON from templates or user prompts, enabling quick creation of ready-to-load .excalidraw files for various diagram types.

Can I edit existing Excalidraw JSON to update text or adjust layouts?

Yes, you can edit existing Excalidraw JSON by adding elements, updating text, or adjusting layouts programmatically, automating diagram updates without manual redrawing in the Excalidraw editor.

What is the best way to create architecture diagrams as code?

The best way to create architecture diagrams as code is generating valid Excalidraw JSON programmatically, which directly produces ready-to-load architecture diagram files from templates or prompts.

Does this approach work for generating UI wireframes and flowcharts?

Yes, this approach works for generating UI wireframes and flowcharts by producing valid Excalidraw JSON, allowing you to quickly create and load various diagram types into your editor.

Do I need to manually draw elements when automating Excalidraw diagram generation?

No, you do not need to manually draw elements when automating Excalidraw diagram generation, because the process outputs valid Excalidraw JSON that constructs the complete diagram structure programmatically.