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

•

设计工具

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

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.

主要功能

01Generation of valid, fully editable .excalidraw JSON files

02Customizable scope and depth for high-level or detailed views

03Smart layout engine with grid planning for visual hierarchy

0413 GitHub stars

05Automated codebase structural analysis and relationship mapping

06Strict adherence to technical constraints for perfect arrow routing

使用场景

01Visualizing system architecture for technical documentation or README files

02Generating high-level overviews to onboard new developers to complex codebases

03Mapping data flows and component dependencies during system design reviews

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add uniswap/ai-toolkit diagram-excalidraw

For use in Claude.ai and ChatGPT

Download Skill