excalidraw

Generate Excalidraw architecture diagrams from codebase analysis.

Updated Jun 12, 2025

Search Tags:#architecture #codebase #excalidraw #visualization #diagrams #diagram-generation

Ready to run

npx skills add https://github.com/stevoland/dotfiles --skill excalidraw-stevoland

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/stevoland/dotfiles/tree/main/opencode/skill/excalidraw
Command: npx skills add https://github.com/stevoland/dotfiles --skill excalidraw-stevoland

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? Excalidraw diagram generation helps teams quickly visualize codebases and system architecture by transforming code structure into shareable, editable diagrams.

## Core Features & Use Cases

Generate architecture diagrams as .excalidraw files directly from codebase analysis.
Visualize components, services, databases, and data flows to communicate architecture.
Use case: When asked to diagram the system, create a ready-to-edit Excalidraw file that reflects current code relationships.

### Quick Start Use the skill to generate an Excalidraw diagram from the analyzed project. The tool parses the codebase, identifies components, and outputs a valid .excalidraw JSON.

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 my codebase?▼

Generate Excalidraw diagrams by analyzing your codebase structure to visualize software architecture. The skill parses code relationships and outputs a ready-to-edit .excalidraw file containing system diagrams, component maps, and data flows.

Can I visualize data flows and component maps for any codebase?▼

Yes, this skill applies to any codebase to visualize components, services, databases, and data flows. It outputs valid Excalidraw JSON with per-element structure and edge routing rules to map system architecture.

What is the best way to export editable diagrams from code analysis?▼

The best way to export editable diagrams from code analysis is generating a valid .excalidraw file. This outputs ready-to-edit Excalidraw JSON with per-element structure, edge routing rules, and labeling support.

Do I need specific dependencies to create Excalidraw diagrams from code?▼

No, you do not need specific dependencies to create Excalidraw diagrams from code. The skill operates independently to parse your codebase and output valid Excalidraw JSON without external requirements.

Does Excalidraw diagram generation support edge routing and labeling?▼

Yes, Excalidraw diagram generation supports edge routing and labeling. It outputs valid Excalidraw JSON with per-element structure and edge routing rules to accurately map codebase components and system data flows.

When should I use automated diagram generation instead of manual visualization?▼

Use automated diagram generation when you need to quickly transform existing code structures into shareable, editable architecture diagrams. It is ideal for mapping complex system relationships directly from current codebase analysis.