roveflow-out/atlas.html, that holds the whole app: every screen as a tile, wired together into the real user journeys, color-coded by category.
It’s just one file, so you can open it in any browser and send the whole thing to a teammate. Nothing to install on their end.
How to read it
Journeys in the sidebar
Each named journey, like sign-up or checkout, sits in a sidebar. Click one to isolate its flow and hide everything else.
Screen tiles
Every screen the AI captured shows up as a tile, wired into the journeys it belongs to.
Click to zoom
Click any tile to zoom into that screen and see it full-size.
Walkthrough videos
Each journey comes with a short video that plays its screens in order.
Three views
1
Map
The big picture, screen tiles connected into journeys. Click a journey to follow one path; click a screen to zoom in.
2
Screens
Every captured screen on its own, named, so you can scan the whole app at a glance.
3
Report
The walkthrough videos, one per journey, embedded right in the page.
Built for designers
The Atlas is meant to be handed off. A designer can open it, click through the real journeys, watch a flow play out, and zoom into any screen, everything they need to rebuild the app, or out-design it, in one shareable page.Watch the journey videos
See how the per-journey walkthroughs are made and where they show up.