Codebase City

Un recorrido guiado que representa un repositorio de código como una ciudad: punto de entrada, tabla de rutas, árbol de estado, capa de solicitudes y caché, con una anotación en cada edificio.

Probar Websites Agent

Loading preview...

Comenzar con este prompt

Un recorrido guiado que representa un repositorio de código como una ciudad: punto de entrada, tabla de rutas, árbol de estado, capa de solicitudes y caché, con una anotación en cada edificio.

Probar Websites Agent

Crea una página de recorrido guiado llamada Codebase City que represente un repositorio de código como un mapa urbano. El distrito de entrada solo hace tres cosas: crea la estructura de la aplicación y registra un enrutador mínimo. La plaza de la tabla de rutas es el único lugar donde se agregan nuevas páginas. La torre más alta del horizonte es el módulo del que más se depende en todo el repositorio: un árbol de estado con suscripciones; al hacer clic en ella, se muestra la lista de sus dependientes. Alrededor de la torre hay un pequeño quiosco de publicación-suscripción, una torre de registro estructurado, un bloque de oficinas para la capa de solicitudes que gestiona tiempos de espera, reintentos y cancelaciones con espera exponencial y jitter, y un vecindario de caché de dos niveles que combina memoria y persistencia con invalidación basada en etiquetas. Cada edificio del mapa se puede abrir para leer una breve anotación que explica el razonamiento detrás de su diseño, de modo que la intención de cada distrito queda escrita en el propio dibujo. Mantén toda la ciudad en un estilo limpio de plano de ingeniería, dibujado como un plano técnico. Página estática de un solo archivo.

Agregar rutas de vuelo de dependencias

Al abrir la torre del árbol de estado, ahora se dibujan rutas de vuelo que llegan desde cada edificio que realiza llamadas sobre la lista de dependientes, para que sea fácil ver quién depende de la torre.

Probar Websites Agent

Crea una página de recorrido guiado llamada Codebase City que represente un repositorio de código como un mapa urbano. El distrito de entrada solo hace tres cosas: crea la estructura de la aplicación y registra un enrutador mínimo. La plaza de la tabla de rutas es el único lugar donde se agregan nuevas páginas. La torre más alta del horizonte es el módulo del que más se depende en todo el repositorio: un árbol de estado con suscripciones; al hacer clic en ella, se muestra la lista de sus dependientes. Alrededor de la torre hay un pequeño quiosco de publicación-suscripción, una torre de registro estructurado, un bloque de oficinas para la capa de solicitudes que gestiona tiempos de espera, reintentos y cancelaciones con espera exponencial y jitter, y un vecindario de caché de dos niveles que combina memoria y persistencia con invalidación basada en etiquetas. Cada edificio del mapa se puede abrir para leer una breve anotación que explica el razonamiento detrás de su diseño, de modo que la intención de cada distrito queda escrita en el propio dibujo. Mantén toda la ciudad en un estilo limpio de plano de ingeniería, dibujado como un plano técnico. Página estática de un solo archivo.

Cambiar a vista nocturna

Todo el mapa urbano cambia a un plano nocturno oscuro, y las ventanas del distrito de entrada, la torre del árbol de estado y los demás edificios brillan con luz de código.

Probar Websites Agent

Crea una página de recorrido guiado llamada Codebase City que represente un repositorio de código como un mapa urbano. El distrito de entrada solo hace tres cosas: crea la estructura de la aplicación y registra un enrutador mínimo. La plaza de la tabla de rutas es el único lugar donde se agregan nuevas páginas. La torre más alta del horizonte es el módulo del que más se depende en todo el repositorio: un árbol de estado con suscripciones; al hacer clic en ella, se muestra la lista de sus dependientes. Alrededor de la torre hay un pequeño quiosco de publicación-suscripción, una torre de registro estructurado, un bloque de oficinas para la capa de solicitudes que gestiona tiempos de espera, reintentos y cancelaciones con espera exponencial y jitter, y un vecindario de caché de dos niveles que combina memoria y persistencia con invalidación basada en etiquetas. Cada edificio del mapa se puede abrir para leer una breve anotación que explica el razonamiento detrás de su diseño, de modo que la intención de cada distrito queda escrita en el propio dibujo. Mantén toda la ciudad en un estilo limpio de plano de ingeniería, dibujado como un plano técnico. Página estática de un solo archivo.

Agregar un recorrido para recién llegados

Además de las anotaciones de cada edificio, una ruta de recorrido de diez minutos, en orden de incorporación, guía a una persona recién llegada por toda la ciudad del código.

Probar Websites Agent

Crea una página de recorrido guiado llamada Codebase City que represente un repositorio de código como un mapa urbano. El distrito de entrada solo hace tres cosas: crea la estructura de la aplicación y registra un enrutador mínimo. La plaza de la tabla de rutas es el único lugar donde se agregan nuevas páginas. La torre más alta del horizonte es el módulo del que más se depende en todo el repositorio: un árbol de estado con suscripciones; al hacer clic en ella, se muestra la lista de sus dependientes. Alrededor de la torre hay un pequeño quiosco de publicación-suscripción, una torre de registro estructurado, un bloque de oficinas para la capa de solicitudes que gestiona tiempos de espera, reintentos y cancelaciones con espera exponencial y jitter, y un vecindario de caché de dos niveles que combina memoria y persistencia con invalidación basada en etiquetas. Cada edificio del mapa se puede abrir para leer una breve anotación que explica el razonamiento detrás de su diseño, de modo que la intención de cada distrito queda escrita en el propio dibujo. Mantén toda la ciudad en un estilo limpio de plano de ingeniería, dibujado como un plano técnico. Página estática de un solo archivo.