Reading · Internal Tool

Building my Node Builder.

A small internal tool for editing the node map on my About page without needing to prompt for every tiny visual change.

Node Builder internal tool showing a visual node map editor with editable nodes, colors, and tree controls.

I built this internal Node Builder because updating my About page node map through prompts again and again was slow. Every small change, like adding a node, moving a label, changing a color, or connecting related ideas, meant explaining the change again and waiting for it to be implemented.

So I made a lightweight visual tool for it. Instead of treating the graph like a static design, I turned it into an editable system that lets me shape the map directly.

How It Works

The editor controls the real map

Now I can directly add parent nodes, create child nodes, move things around, change colors, delete nodes, and connect related ideas from the builder itself. Once I save, the changes update the actual node data used on the About page, and I can push it to main.

A faster workflow

The goal was to make the workflow faster and more direct. Instead of repeatedly prompting for every small visual change, I can edit the node map myself, save it, and ship the update.