skills.rest
sandover
sandoverCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw

Generates Excalidraw JSON architecture diagrams from scanned codebases with labeled shapes and beards.

4|1|Updated Feb 4, 2026
Search Tags:#architecture#codebase#excalidraw#visualization#diagram#edge-routing
One-click install
npx skills add https://github.com/sandover/codex-skills --skill excalidraw-sandover
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/sandover/codex-skills/tree/main/skills/excalidraw
Command: npx skills add https://github.com/sandover/codex-skills --skill excalidraw-sandover

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Excalidraw diagram generator helps teams quickly turn codebase structures into visual diagrams, improving architecture understanding and onboarding.

Core Features & Use Cases

  • Generate architecture diagrams as Excalidraw JSON from analysis of codebases across languages and architectures.
  • Visualize components, services, data stores, and data flows to aid design reviews and onboarding.

Quick Start

Ask to generate an architecture diagram for the target project.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate architecture diagrams from a codebase?▼

To generate architecture diagrams from a codebase, this Skill analyzes multi-language project structures and outputs valid Excalidraw JSON. It visualizes components, services, databases, and data flows to improve architecture understanding and onboarding.

Can I visualize components and data flows across multi-language projects?▼

Yes, you can visualize components and data flows across multi-language projects. The Skill analyzes diverse codebases to map out services and data stores, rendering them as labeled shapes with correctly routed elbow arrows.

How does edge routing work when creating Excalidraw diagrams?▼

Edge routing in these Excalidraw diagrams uses elbow arrows to connect labeled shapes accurately. The Skill ensures the generated Excalidraw JSON maintains correct structural relationships and visual data flow representation.

What is the best way to turn codebase structures into visual diagrams for onboarding?▼

The best way to turn codebase structures into visual diagrams for onboarding is using a generator that outputs valid Excalidraw JSON. It automatically maps components, services, and databases to help teams quickly understand architecture.

Do I need to manually format the Excalidraw JSON output?▼

No, you do not need to manually format the Excalidraw JSON output. The Skill automatically generates valid Excalidraw JSON with correct edge routing, labeled shapes, and elbow arrows directly from the codebase analysis.

Related Skills

Explore More Software Engineering Skills→
cndoit18cndoit18
11

excalidraw

Generate .excalidraw architecture diagrams from codebase analysis.

Community
Advanced
ragnarokhaaragnarokhaa
4

excalidraw

Generate hand-drawn diagrams in Excalidraw JSON format.

Community
Intermediate
Jayarr03Jayarr03

folder-data-flow-review

Automate data flow discovery and visualization across code repositories.

Community
Advanced
Strategic-AutomationStrategic-Automation
6

excalidraw

Convert Excalidraw element JSON into .excalidraw files for visual rendering.

Official
Intermediate