skills.rest
Anit-1to10x
Anit-1to10xCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generate architecture diagrams as Excalidraw JSON from codebase analysis.

10|3|Updated Jan 18, 2026
Search Tags:#architecture#codebase#excalidraw#visualization#diagram#system-design
One-click install
npx skills add https://github.com/Anit-1to10x/10x-Accountability-Coach --skill excalidraw-anit-1to10x
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Anit-1to10x/10x-Accountability-Coach/tree/main/skills/excalidraw
Command: npx skills add https://github.com/Anit-1to10x/10x-Accountability-Coach --skill excalidraw-anit-1to10x

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Automatically convert codebase analysis into architecture diagrams saved as Excalidraw files, eliminating manual diagramming time.

Core Features & Use Cases

  • Automated diagram generation: Convert discovered components, services, databases, and data flows into a cohesive diagram.
  • Codebase-wide visualization: Visualize system architecture across languages/frameworks with consistent styling.
  • Use Case: Quickly generate system diagrams for onboarding, architecture reviews, and API dependencies documentation.

Quick Start

Generate an architecture diagram for this project in Excalidraw.

Frequently Asked Questions about excalidraw

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

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

Generate Excalidraw architecture diagrams from a codebase by analyzing components, services, databases, and data flows to output a valid Excalidraw JSON file. The output is ready for import with proper edge routing, object grouping, and styling applied.

Can I visualize system design across any programming language or framework?▼

Visualize system design across any programming language or framework. The diagram generation applies language-agnostic codebase analysis to map architecture components and data flows into a cohesive visual representation.

What is the best way to automate system architecture visualization for onboarding?▼

Automating system architecture visualization for onboarding is best achieved by generating Excalidraw files directly from codebase analysis. This eliminates manual diagramming time and produces consistent, ready-to-import visuals.

Does the generated Excalidraw JSON support proper edge routing and object grouping?▼

The generated Excalidraw JSON supports proper edge routing, object grouping, and styling. These styling properties are defined in the references to ensure the output is valid and structured correctly for import.

How do I map API dependencies and data flows for an architecture review?▼

Map API dependencies and data flows for an architecture review by running an automated codebase analysis. This process discovers connected services and databases, translating the data flows into an Excalidraw diagram.

Related Skills

Explore More Software Engineering Skills→
ebinnionebinnion
5

excalidraw-diagrams

Analyze a codebase and generate Excalidraw JSON architecture diagrams.

Community
Advanced
photonics-dhlphotonics-dhl

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Community
Intermediate
cornmanwtfcornmanwtf

diagram-as-code

Generate PlantUML and Mermaid diagrams from textual descriptions.

Community
Basic
bahayonghangbahayonghang
16

excalidraw

Generate Excalidraw-compatible JSON diagrams with rectangles, text, and arrows.

Community
Intermediate