Can I edit the diagrams after they are generated?

Yes, the skill produces standard .excalidraw JSON files that can be opened, modified, and styled in any Excalidraw editor or web application.

How do I view the generated diagram?

You can drag and drop the output .excalidraw file into the Excalidraw web app or use an Excalidraw extension in your IDE to view and edit the visual.

Does it work with specific programming languages?

The skill is language-agnostic; it analyzes directory structures, file relationships, and content patterns across any codebase to determine architecture.

Can I limit the diagram to a specific part of my project?

Yes, you can define the scope in your request to focus the diagram on a specific module, directory, or functional area of your codebase.

Excalidraw Diagram Generator

Name: Excalidraw Diagram Generator
Author: Uniswap

byUniswap

•

Design Tools

Generates professional Excalidraw architecture diagrams and system visualizations directly from codebase analysis.

About

The Excalidraw Diagram Generator skill enables Claude to automatically visualize complex codebases by creating valid .excalidraw JSON files. It analyzes project structures, component relationships, and data flows to produce clean, editable diagrams that follow strict aesthetic and structural constraints. This skill is ideal for developers who need to document system architecture, create onboarding visuals, or communicate design patterns without manual drawing, ensuring all diagrams are technically accurate, properly labeled, and visually consistent.

Key Features

Generation of valid, fully editable .excalidraw JSON files
Customizable scope and depth for high-level or detailed views
Smart layout engine with grid planning for visual hierarchy
13 GitHub stars
Automated codebase structural analysis and relationship mapping
Strict adherence to technical constraints for perfect arrow routing

Use Cases

Visualizing system architecture for technical documentation or README files
Generating high-level overviews to onboard new developers to complex codebases
Mapping data flows and component dependencies during system design reviews

About

Key Features

Generation of valid, fully editable .excalidraw JSON files
Customizable scope and depth for high-level or detailed views
Smart layout engine with grid planning for visual hierarchy
13 GitHub stars
Automated codebase structural analysis and relationship mapping
Strict adherence to technical constraints for perfect arrow routing

Use Cases

Visualizing system architecture for technical documentation or README files
Generating high-level overviews to onboard new developers to complex codebases
Mapping data flows and component dependencies during system design reviews