Codebase City

A guided tour that draws a code repository as a city: entry point, route table, state tree, request layer and cache, with an annotation on every building.

Try Websites Agent

Loading preview...

Start with this prompt

A guided tour that draws a code repository as a city: entry point, route table, state tree, request layer and cache, with an annotation on every building.

Try Websites Agent

Build a guided tour page called Codebase City that draws a code repository as a city map. The entry district does only three things: it creates the application shell and registers a minimal router. The route-table square is the one place where new pages are added. The tallest tower on the skyline is the most-depended-on module in the whole repository, a subscribable state tree, and clicking it reveals the list of its dependents. Around the tower sit a small publish-subscribe kiosk, a structured logging tower, a request-layer office block that handles timeout, retry and cancellation with exponential backoff plus jitter, and a two-level cache neighborhood that combines memory and persistence with tag-based invalidation. Every building on the map can be opened to read a short annotation explaining the reasoning behind its design, so the intent of each district is written on the drawing itself. Keep the whole city in a clean engineering-blueprint style, drawn like a technical plan. Single-file static page.

Add dependency flight paths

Opening the state-tree tower now draws flight paths arriving from every caller building on top of the dependents list, so who relies on the tower is visible at a glance.

Try Websites Agent

Build a guided tour page called Codebase City that draws a code repository as a city map. The entry district does only three things: it creates the application shell and registers a minimal router. The route-table square is the one place where new pages are added. The tallest tower on the skyline is the most-depended-on module in the whole repository, a subscribable state tree, and clicking it reveals the list of its dependents. Around the tower sit a small publish-subscribe kiosk, a structured logging tower, a request-layer office block that handles timeout, retry and cancellation with exponential backoff plus jitter, and a two-level cache neighborhood that combines memory and persistence with tag-based invalidation. Every building on the map can be opened to read a short annotation explaining the reasoning behind its design, so the intent of each district is written on the drawing itself. Keep the whole city in a clean engineering-blueprint style, drawn like a technical plan. Single-file static page.

Switch to night view

The whole city map switches to a dark night blueprint, and the windows of the entry district, the state-tree tower and the other buildings glow with code light.

Try Websites Agent

Build a guided tour page called Codebase City that draws a code repository as a city map. The entry district does only three things: it creates the application shell and registers a minimal router. The route-table square is the one place where new pages are added. The tallest tower on the skyline is the most-depended-on module in the whole repository, a subscribable state tree, and clicking it reveals the list of its dependents. Around the tower sit a small publish-subscribe kiosk, a structured logging tower, a request-layer office block that handles timeout, retry and cancellation with exponential backoff plus jitter, and a two-level cache neighborhood that combines memory and persistence with tag-based invalidation. Every building on the map can be opened to read a short annotation explaining the reasoning behind its design, so the intent of each district is written on the drawing itself. Keep the whole city in a clean engineering-blueprint style, drawn like a technical plan. Single-file static page.

Add a newcomer tour

Beyond the per-building annotations, a ten-minute tour route in onboarding order walks a newcomer from the entry district across the whole codebase city.

Try Websites Agent

Build a guided tour page called Codebase City that draws a code repository as a city map. The entry district does only three things: it creates the application shell and registers a minimal router. The route-table square is the one place where new pages are added. The tallest tower on the skyline is the most-depended-on module in the whole repository, a subscribable state tree, and clicking it reveals the list of its dependents. Around the tower sit a small publish-subscribe kiosk, a structured logging tower, a request-layer office block that handles timeout, retry and cancellation with exponential backoff plus jitter, and a two-level cache neighborhood that combines memory and persistence with tag-based invalidation. Every building on the map can be opened to read a short annotation explaining the reasoning behind its design, so the intent of each district is written on the drawing itself. Keep the whole city in a clean engineering-blueprint style, drawn like a technical plan. Single-file static page.