<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Basalt</title>
    <description>The latest articles on DEV Community by Basalt (@satvik_mishra_723573792a7).</description>
    <link>https://dev.to/satvik_mishra_723573792a7</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4121754%2F7ace5b94-6a26-445a-9f39-0e7f1b8ffe12.png</url>
      <title>DEV Community: Basalt</title>
      <link>https://dev.to/satvik_mishra_723573792a7</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/satvik_mishra_723573792a7"/>
    <language>en</language>
    <item>
      <title>I Built Basalt to Turn Any GitHub Repository Into an Architecture Diagram in Seconds</title>
      <dc:creator>Basalt</dc:creator>
      <pubDate>Sat, 12 Sep 2026 06:29:13 +0000</pubDate>
      <link>https://dev.to/satvik_mishra_723573792a7/i-built-basalt-to-turn-any-github-repository-into-an-architecture-diagram-in-seconds-1h6</link>
      <guid>https://dev.to/satvik_mishra_723573792a7/i-built-basalt-to-turn-any-github-repository-into-an-architecture-diagram-in-seconds-1h6</guid>
      <description>&lt;p&gt;There is a strange ritual that almost every software engineer eventually becomes familiar with.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fqkdiqy5a3b7bsajdeytx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fqkdiqy5a3b7bsajdeytx.png" alt=" " width="800" height="456"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You get handed a new repository.&lt;/p&gt;

&lt;p&gt;Someone says:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“It’s pretty straightforward. Just take a look at the code.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;So you open the repository.&lt;/p&gt;

&lt;p&gt;Then the README.&lt;/p&gt;

&lt;p&gt;Then &lt;code&gt;package.json&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Then &lt;code&gt;src/&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Then some random &lt;code&gt;utils&lt;/code&gt; folder.&lt;/p&gt;

&lt;p&gt;Then you find a service calling another service.&lt;/p&gt;

&lt;p&gt;Then you discover an API.&lt;/p&gt;

&lt;p&gt;Then you find a database layer.&lt;/p&gt;

&lt;p&gt;Then there is a Docker file.&lt;/p&gt;

&lt;p&gt;Then some environment variables.&lt;/p&gt;

&lt;p&gt;Then another service.&lt;/p&gt;

&lt;p&gt;And somewhere around the 45-minute mark, you realize you are still trying to answer the most basic question:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;“What does this system actually look like?”&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I wanted to eliminate that entire first phase.&lt;/p&gt;

&lt;p&gt;So I built &lt;strong&gt;Basalt&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Problem Isn't Reading Code. It's Building the Mental Model.
&lt;/h2&gt;

&lt;p&gt;Modern repositories aren't small.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Frli495slcx7lz0vnn9lm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Frli495slcx7lz0vnn9lm.png" alt=" " width="800" height="456"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A production application can contain:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Frontend applications&lt;/li&gt;
&lt;li&gt;Backend services&lt;/li&gt;
&lt;li&gt;APIs&lt;/li&gt;
&lt;li&gt;Databases&lt;/li&gt;
&lt;li&gt;Queues&lt;/li&gt;
&lt;li&gt;Workers&lt;/li&gt;
&lt;li&gt;Authentication systems&lt;/li&gt;
&lt;li&gt;External integrations&lt;/li&gt;
&lt;li&gt;Infrastructure&lt;/li&gt;
&lt;li&gt;CI/CD pipelines&lt;/li&gt;
&lt;li&gt;Configuration layers&lt;/li&gt;
&lt;li&gt;Shared libraries&lt;/li&gt;
&lt;li&gt;Internal services&lt;/li&gt;
&lt;li&gt;Cloud resources&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And the README rarely tells you how all of those pieces actually interact.&lt;/p&gt;

&lt;p&gt;Even when documentation exists, it can quickly become outdated.&lt;/p&gt;

&lt;p&gt;The source code, meanwhile, contains the real relationships.&lt;/p&gt;

&lt;p&gt;But understanding those relationships manually takes time.&lt;/p&gt;

&lt;p&gt;You have to explore the repository and construct a mental graph:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Component A → calls Component B → which uses Service C → which writes to Database D → while Worker E consumes Queue F.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;That mental graph is essentially the architecture.&lt;/p&gt;

&lt;p&gt;The problem is that engineers are often forced to build that graph manually.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Basalt automates the first pass.&lt;/strong&gt;&lt;/p&gt;




&lt;h1&gt;
  
  
  Give Basalt a Repository
&lt;/h1&gt;

&lt;p&gt;The idea is intentionally simple.&lt;/p&gt;

&lt;p&gt;Give Basalt a GitHub repository.&lt;/p&gt;

&lt;p&gt;It analyzes the repository and tries to understand what is actually there.&lt;/p&gt;

&lt;p&gt;Instead of asking:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“What files exist?”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;the system tries to answer:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;“How does this system work?”&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;It looks at the structure of the codebase, identifies important components, analyzes relationships, and turns that understanding into an architectural representation.&lt;/p&gt;

&lt;p&gt;The result is something you can use as a starting point for understanding the system.&lt;/p&gt;

&lt;p&gt;In seconds.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F7zd75nhh2pl8bzbzujrk.png" alt=" " width="799" height="363"&gt;
&lt;/h2&gt;

&lt;h1&gt;
  
  
  From Repository → Architecture
&lt;/h1&gt;

&lt;p&gt;The workflow is basically:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;GitHub Repository
       ↓
Repository Analysis
       ↓
Codebase Understanding
       ↓
Component Detection
       ↓
Relationship Analysis
       ↓
Architecture Generation
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The important part is the middle.&lt;/p&gt;

&lt;p&gt;A repository isn't just a collection of files.&lt;/p&gt;

&lt;p&gt;It is a system of relationships.&lt;/p&gt;

&lt;p&gt;Files depend on other files.&lt;/p&gt;

&lt;p&gt;Services communicate with other services.&lt;/p&gt;

&lt;p&gt;Applications interact with databases.&lt;/p&gt;

&lt;p&gt;Workers consume queues.&lt;/p&gt;

&lt;p&gt;APIs expose functionality.&lt;/p&gt;

&lt;p&gt;Infrastructure defines how everything runs.&lt;/p&gt;

&lt;p&gt;Basalt is designed around understanding those relationships rather than simply generating a pretty diagram from folder names.&lt;/p&gt;




&lt;h1&gt;
  
  
  Why Not Just Read the README?
&lt;/h1&gt;

&lt;p&gt;Because the README isn't always the source of truth.&lt;/p&gt;

&lt;p&gt;A README might say:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;This application consists of a frontend,
backend and database.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Great.&lt;/p&gt;

&lt;p&gt;But what happens when you actually start working on the repository?&lt;/p&gt;

&lt;p&gt;You discover:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Frontend
   ↓
API Gateway
   ↓
Auth Service
   ↓
User Service
   ↓
PostgreSQL

Order Service
   ↓
Message Queue
   ↓
Background Worker
   ↓
Payment Provider
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;And perhaps there are three additional internal services that aren't mentioned anywhere in the documentation.&lt;/p&gt;

&lt;p&gt;This is common.&lt;/p&gt;

&lt;p&gt;Documentation describes what developers &lt;em&gt;intended&lt;/em&gt; to communicate.&lt;/p&gt;

&lt;p&gt;Code reveals what the system &lt;em&gt;actually does&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;That distinction matters.&lt;/p&gt;




&lt;h1&gt;
  
  
  The First Five Minutes of a New Codebase
&lt;/h1&gt;

&lt;p&gt;I think there is a larger problem here.&lt;/p&gt;

&lt;p&gt;When engineers join a project, switch teams, contribute to open source, review an unfamiliar repository, or inherit an existing system, a significant amount of time is spent on &lt;strong&gt;codebase archaeology&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;You aren't implementing anything yet.&lt;/p&gt;

&lt;p&gt;You aren't fixing anything yet.&lt;/p&gt;

&lt;p&gt;You are just trying to understand.&lt;/p&gt;

&lt;p&gt;And that understanding is expensive.&lt;/p&gt;

&lt;p&gt;You might spend an hour figuring out something that could have been communicated visually in a few minutes.&lt;/p&gt;

&lt;p&gt;Architecture diagrams are extremely effective for this because humans are good at understanding systems spatially.&lt;/p&gt;

&lt;p&gt;Seeing:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Client
  ↓
API
  ↓
Service
  ↓
Database
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;is fundamentally different from reading:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;src/
 ├── api/
 ├── services/
 ├── models/
 ├── workers/
 ├── database/
 └── utils/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The second tells you where things are.&lt;/p&gt;

&lt;p&gt;The first tells you how they relate.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Basalt is focused on the second problem.&lt;/strong&gt;&lt;/p&gt;




&lt;h1&gt;
  
  
  Architecture Before You Start Coding
&lt;/h1&gt;

&lt;p&gt;There is another use case I'm particularly interested in.&lt;/p&gt;

&lt;p&gt;What if architecture wasn't something you created &lt;em&gt;after&lt;/em&gt; understanding the repository?&lt;/p&gt;

&lt;p&gt;What if it was the first thing you generated?&lt;/p&gt;

&lt;p&gt;Imagine onboarding to a new project.&lt;/p&gt;

&lt;p&gt;Instead of:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Clone repo
↓
Read README
↓
Explore folders
↓
Read files
↓
Trace dependencies
↓
Understand services
↓
Finally understand architecture
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;you could start with:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Clone repo
↓
Generate architecture
↓
Understand system
↓
Start working
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;That changes the starting point.&lt;/p&gt;

&lt;p&gt;You begin with a map.&lt;/p&gt;

&lt;p&gt;Then you use the code to explore the map.&lt;/p&gt;




&lt;h1&gt;
  
  
  It's Not Just About Diagrams
&lt;/h1&gt;

&lt;p&gt;One thing I don't want Basalt to become is another tool that takes a repository and produces a beautiful box-and-arrow diagram that doesn't actually help anyone.&lt;/p&gt;

&lt;p&gt;The diagram is only the output.&lt;/p&gt;

&lt;p&gt;The real problem is &lt;strong&gt;system understanding&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;A useful architecture representation should help answer questions like:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What are the major components?&lt;/li&gt;
&lt;li&gt;Where does the application start?&lt;/li&gt;
&lt;li&gt;Which services communicate with each other?&lt;/li&gt;
&lt;li&gt;What are the external dependencies?&lt;/li&gt;
&lt;li&gt;Which databases are being used?&lt;/li&gt;
&lt;li&gt;Where are the likely boundaries?&lt;/li&gt;
&lt;li&gt;What infrastructure is involved?&lt;/li&gt;
&lt;li&gt;Which components appear tightly coupled?&lt;/li&gt;
&lt;li&gt;What does the request/data flow look like?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That's much more valuable than simply drawing boxes around folders.&lt;/p&gt;




&lt;h1&gt;
  
  
  The Bigger Idea
&lt;/h1&gt;

&lt;p&gt;The feature started with architecture.&lt;/p&gt;

&lt;p&gt;But the larger idea is &lt;strong&gt;making repositories understandable to humans faster.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Repositories contain an enormous amount of information.&lt;/p&gt;

&lt;p&gt;The problem isn't that the information isn't there.&lt;/p&gt;

&lt;p&gt;The problem is that the information is distributed across:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Code&lt;/li&gt;
&lt;li&gt;Configuration&lt;/li&gt;
&lt;li&gt;Dependencies&lt;/li&gt;
&lt;li&gt;Infrastructure&lt;/li&gt;
&lt;li&gt;Documentation&lt;/li&gt;
&lt;li&gt;File structure&lt;/li&gt;
&lt;li&gt;APIs&lt;/li&gt;
&lt;li&gt;Deployment definitions&lt;/li&gt;
&lt;li&gt;Database models&lt;/li&gt;
&lt;li&gt;Service relationships&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;An engineer has to mentally combine all of that.&lt;/p&gt;

&lt;p&gt;That's a lot of cognitive work.&lt;/p&gt;

&lt;p&gt;What if software could do the first synthesis for you?&lt;/p&gt;

&lt;p&gt;That's what I'm exploring with Basalt.&lt;/p&gt;




&lt;h1&gt;
  
  
  Architecture as the Interface to a Codebase
&lt;/h1&gt;

&lt;p&gt;I increasingly think architecture could become an interface layer between humans and large codebases.&lt;/p&gt;

&lt;p&gt;Instead of immediately navigating thousands of files, you first understand the system at a higher level.&lt;/p&gt;

&lt;p&gt;For example:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;                    ┌──────────────┐
                    │   Frontend   │
                    └──────┬───────┘
                           │
                           ▼
                    ┌──────────────┐
                    │   API Layer  │
                    └──────┬───────┘
                           │
              ┌────────────┼────────────┐
              ▼            ▼            ▼
        ┌──────────┐ ┌──────────┐ ┌──────────┐
        │  Auth    │ │  Users   │ │  Orders  │
        └────┬─────┘ └────┬─────┘ └────┬─────┘
             │            │            │
             └────────────┼────────────┘
                          ▼
                   ┌──────────────┐
                   │   Database   │
                   └──────────────┘
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then you can zoom into the part you actually care about.&lt;/p&gt;

&lt;p&gt;Architecture becomes a navigation system for the repository.&lt;/p&gt;




&lt;h1&gt;
  
  
  Why I Built It
&lt;/h1&gt;

&lt;p&gt;I've spent enough time opening unfamiliar repositories and thinking:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;“Where the hell do I even start?”&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;That feeling is particularly painful when the repository is large, poorly documented, or inherited from another team.&lt;/p&gt;

&lt;p&gt;You shouldn't need to spend your first day reconstructing the architecture manually.&lt;/p&gt;

&lt;p&gt;You should be able to get an initial understanding almost immediately.&lt;/p&gt;

&lt;p&gt;That's the problem Basalt is trying to solve.&lt;/p&gt;




&lt;h1&gt;
  
  
  And This Is Only the Beginning
&lt;/h1&gt;

&lt;p&gt;Generating an architecture diagram is useful.&lt;/p&gt;

&lt;p&gt;But I don't think that's where this should stop.&lt;/p&gt;

&lt;p&gt;Once a system can understand a repository's architecture, you can start asking much more interesting questions.&lt;/p&gt;

&lt;p&gt;For example:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;“Where are the major dependencies?”&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;“What happens if I change this service?”&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;“Which components are tightly coupled?”&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;“Where are the architectural bottlenecks?”&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;“Which services communicate with this database?”&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;“What would break if this API changed?”&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;“Does the implementation actually match the architecture?”&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;That moves the idea from:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;architecture generation&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;toward:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;architecture intelligence.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;And that's the direction I'm interested in taking Basalt.&lt;/p&gt;




&lt;h1&gt;
  
  
  Try It
&lt;/h1&gt;

&lt;p&gt;If you have a GitHub repository you've been putting off understanding, throw it into Basalt.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Repository in. Architecture out.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;No spending an afternoon excavating a README.&lt;/p&gt;

&lt;p&gt;No manually tracing the entire codebase before you know where the important pieces are.&lt;/p&gt;

&lt;p&gt;Just a starting map of the system in seconds.&lt;/p&gt;

&lt;p&gt;🔗 &lt;strong&gt;Basalt:&lt;/strong&gt; basaltarch.io&lt;/p&gt;

&lt;p&gt;I'd genuinely love feedback from engineers who work with large codebases:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What is the first thing you want to know when you open an unfamiliar repository?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;That answer might shape what Basalt builds next.&lt;/p&gt;

</description>
      <category>architecture</category>
      <category>github</category>
      <category>showdev</category>
      <category>tools</category>
    </item>
  </channel>
</rss>
