authoring-excalidraw-files

Generates architecture diagrams from codebases as Excalidraw JSON files.

Updated Jan 26, 2026

Search Tags:#architecture #codebase #excalidraw #visualization #diagram #system-design

Ready to run

npx skills add https://github.com/indiosmo/skills --skill authoring-excalidraw-files

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: authoring-excalidraw-files
Source: https://github.com/indiosmo/skills/tree/main/skills/authoring-excalidraw-files
Command: npx skills add https://github.com/indiosmo/skills --skill authoring-excalidraw-files

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate architecture diagrams from codebases as Excalidraw (.excalidraw) files to visualize systems quickly and share insights with teams.

Core Features & Use Cases

Visualize codebase structures, dependencies, and deployment architectures as interactive diagrams.
Create architecture diagrams for system onboarding, design reviews, and documentation.
Use case: When starting a new project, generate a system diagram that maps components and data flows from the repository.

Quick Start

Provide a codebase or system description and I will generate an Excalidraw diagram ready for export.

Frequently Asked Questions about authoring-excalidraw-files

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

FAQPage Schema

How do I generate Excalidraw diagrams from a codebase?▼

To generate Excalidraw diagrams from a codebase, provide your repository structure or system description. The tool outputs valid Excalidraw JSON files visualizing components, data flows, and deployment relationships using elbow arrows and properly bound text labels.

Can I visualize system design and architecture across different programming languages?▼

Yes, you can visualize system design and architecture across different programming languages. The tool applies universally to various codebases to map out components and dependencies for system onboarding and design reviews.

What is the best way to create architecture diagrams for code documentation?▼

The best way to create architecture diagrams for code documentation is generating Excalidraw files directly from your repository. This quickly produces interactive visualizations of system structures and data flows ready for team sharing.

Does the generated Excalidraw file support multi-segment paths and bound text labels?▼

Yes, the generated Excalidraw file supports multi-segment paths using elbow arrows. It also ensures text labels are bound to shapes with proper container relationships to maintain valid diagram structure.

What do I need to provide to map codebase structures into an Excalidraw visualization?▼

You need to provide a codebase or system description to map repository structures into an Excalidraw visualization. No specific dependencies are required to start generating your system architecture diagrams.

Why use Excalidraw for visualizing deployment relationships instead of other diagram formats?▼

Using Excalidraw for visualizing deployment relationships provides an interactive format for team collaboration. It generates valid JSON files that clearly map complex system components and data flows for documentation.