excalidraw

Generate Excalidraw diagrams for software architecture and cloud infrastructure.

3|1|Updated Feb 2, 2026
One-click install
npx skills add https://github.com/HouseGarofalo/claude-code-base --skill excalidraw-housegarofalo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/HouseGarofalo/claude-code-base/tree/main/.claude/skills/excalidraw
Command: npx skills add https://github.com/HouseGarofalo/claude-code-base --skill excalidraw-housegarofalo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the creation of complex visual diagrams, such as architecture, flowcharts, and system designs, directly from descriptive instructions.

Core Features & Use Cases

  • Diagram Generation: Creates hand-drawn style diagrams using Excalidraw's JSON format.
  • Element Support: Supports rectangles, text, arrows, ellipses, and diamonds with customizable properties.
  • Use Case: Generate a cloud architecture diagram for a typical web application, including a load balancer, web servers, a database, and a CDN, with clear connections and labels.

Quick Start

Use the excalidraw skill to create a simple architecture diagram with a database and a web server.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate an architecture diagram from text descriptions?

This Skill generates Excalidraw diagrams by converting text descriptions into a JSON-based element structure, creating visual representations of software architecture, cloud infrastructure, and flowcharts using customizable elements like rectangles, arrows, and text.

Can I create cloud infrastructure diagrams for AWS and Azure?

You can create cloud infrastructure diagrams for AWS, Azure, and GCP services. The Skill generates visual representations of cloud architectures, databases, and network topologies using Excalidraw's JSON element properties and coordinate systems.

What is the best way to build a system flowchart without manual drawing?

The best way to build a system flowchart without manual drawing is providing descriptive instructions to this Skill, which automatically generates the diagrammatic output using Excalidraw's JSON format with support for diamonds, ellipses, and customizable color palettes.

Does the Excalidraw diagram generator support network topologies and databases?

Yes, the Excalidraw diagram generator supports network topologies and databases. It creates visual representations of these systems by leveraging Excalidraw's JSON-based element structure, coordinate systems, and color palettes for accurate diagrammatic output.

What are the limitations of using JSON for architecture diagrams?

A limitation of using JSON for architecture diagrams is that it requires understanding Excalidraw's specific element properties, color palettes, and coordinate systems to ensure accurate visual representation. Complex system designs may require detailed descriptive instructions.