CrossUI Studio es un editor visual para React que trabaja desde el análisis estático del código fuente (AST) en lugar de conectarse a la aplicación en ejecución. Esa decisión arquitectónica es la base de todo lo demás y resuelve un problema concreto: cuando un componente renderiza en blanco y la traza apunta a una dependencia rota —un import dinámico, un peer dependency o una referencia circular— todas las herramientas de tiempo de ejecución (DevTools, profilers, overlays de error) dejan de funcionar, porque necesitan que la app monte primero.
El editor no tiene esa limitación. Parsea los archivos al abrirlos y construye un grafo de imports completo, lo que le permite señalar el módulo roto y mostrar el código circundante aunque la página esté caída. La misma propiedad permite editar componentes dentro de bucles .map() que nunca llegaron a ejecutarse: el editor aísla el subárbol JSX del callback y le pide al usuario un mock del valor iterado, en lugar de requerir datos reales en ejecución. El drilling cruzado entre archivos sigue el grafo de imports sin detenerse en la frontera del fichero abierto.
El artículo detalla los límites de este enfoque: los import dinámicos con rutas calculadas en runtime quedan como aristas sin resolver, el AST no muestra valores reales de ejecución (necesita mocks) y los alias o monorepos no estándar requieren leer tsconfig/jsconfig. Aun con esas restricciones, CrossUI Studio mantiene su promesa central de estar disponible justo cuando el resto del tooling de React se apaga. Funciona en el navegador, sin build ni localhost, sobre un repo de Git o una carpeta local.