excalidraw-diagram

Generate Excalidraw diagram JSON files encoding visual arguments for workflows and architectures.

23|3|Updated Oct 10, 2025
One-click install
npx skills add https://github.com/danielscholl/claude-sdlc --skill excalidraw-diagram-danielscholl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw-diagram
Source: https://github.com/danielscholl/claude-sdlc/tree/main/plugins/excalidraw/skills/excalidraw-diagram
Command: npx skills add https://github.com/danielscholl/claude-sdlc --skill excalidraw-diagram-danielscholl

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Excalidraw diagrams are powerful but creating them from concepts can be manual and error-prone; this skill automates generating Excalidraw diagram JSON files that encode visual arguments, enabling rapid, consistent diagrams for complex concepts.

Core Features & Use Cases

  • Generate .excalidraw JSON diagrams that encode visual arguments for workflows, architectures, and concepts.
  • Include evidence artifacts (code snippets, JSON examples) to teach and verify accuracy.
  • Use multi-zoom architecture with summary, section boundaries, and detailed views to support teaching and design reviews.

Quick Start

Create a new diagram by describing the concept and let the skill generate the corresponding Excalidraw JSON ready for rendering.

Frequently Asked Questions about excalidraw-diagram

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

FAQPage Schema
How do I generate Excalidraw diagrams from text descriptions?

Generating Excalidraw diagrams from text involves creating Excalidraw diagram JSON files that encode visual arguments for workflows and architectures. You describe a concept and the skill outputs the corresponding JSON ready for rendering.

Can Excalidraw diagrams include code snippets and JSON examples as evidence artifacts?

Excalidraw diagrams can include evidence artifacts like code snippets and JSON examples. These elements are embedded within the diagram to teach concepts and verify the accuracy of the visual argument presented.

What is multi-zoom architecture in Excalidraw diagrams for educational contexts?

Multi-zoom architecture in Excalidraw diagrams organizes visuals into summary views, section boundaries, and detailed views. This layout supports teaching and design reviews by allowing learners to navigate complex concepts at multiple levels of detail.

Do I need Playwright to automate Excalidraw diagram generation?

Playwright is required as a dependency to automate Excalidraw diagram generation. The skill uses Playwright to process concepts and output the JSON files that encode the visual arguments for rendering.

How do I create visual arguments for architecture planning using Excalidraw?

Creating visual arguments for architecture planning with Excalidraw involves generating JSON files that enforce real-world terminology and structure. The resulting diagrams visually argue workflows and architectures to support design reviews and understanding.

What are the limitations of automating Excalidraw diagram JSON creation?

Automating Excalidraw diagram JSON creation is limited to generating files that encode visual arguments and evidence artifacts. The skill focuses on diagram structure and terminology rather than offering direct rendering or visual editing capabilities.