I built this little app visualiser using Argent (by Software Mansion). If you're building a complex app it's very useful to preview routes, screens and build a mental model of navigation. Here's it is with Bluesky already loaded in

Preview screen states, tap targets for specific navigation actions, use a live loaded simulator session (not mock data) Claude build an .appmap format for you with the included skill.

Should we build mobbin but with app maps for popular apps? Or maybe you want live preview what your agent is up to with a UI like that?

Here's the repo: If you're using @expo-router or @reactnavigation it can additionally parse your code to make sure it tries to get to every route possible.

@reactnavigation Also shipped visual PR reviews:

@swmansion I think @tryrevyl did it first with their Atlas, it’s free to use

@swmansion @tryrevyl doesn’t seem free (think you get 5h for free) but does look similar!

@swmansion @tryrevyl ofc that includes agent access in their case so not that bad, but I’m sure there’s a market for a self hosted/run on your own CI version of it

@thymikee @swmansion Open source

@aleqsio @thymikee @swmansion Can we use this with Agent Device? This is cool!

@tryrevyl @aleqsio @swmansion I’ll let someone build it

@swmansion oh my god!

@swmansion Looks sick ! First thing that made me think of was that

@swmansion Yes, think there's two natural directions of this: previewing changes visually (map + usage video) and teaching agents UX patterns

@swmansion Are you planning on iterating on it ?

@swmansion Yes, thinking of at least exploring these two directions, also open for more ideas or collabing!

@swmansion Here's the demo for diffs!

@swmansion needed this

@swmansion Seems great, but I have to upload my proprietary code to a website? Not comfortable with that

@swmansion fair, it’s client side only so you can run it in offline mode, run from the repo etc

@swmansion That looks awesome? Does it work with all routers ?

@swmansion It’s mostly an agent tapping through your app, so I hope it can work even with binaries once physical device control for ios ships with argent.

@swmansion That would be really helpful, thank you for sharing

@swmansion Lokos awesome! Seeing the whole navigation map visually is super useful. Does it detect conditional/deep links too, or only the routes it can see statically?

the static routes are there to help agent make sure he visits as much as he can, it’s able to detect routes, states etc. (and you can always prompt it if it misses something) also it builds Argent flows so it can rescreenshot things reliably without burning tokens next time you change something

@swmansion very cool

@swmansion Amazing, thanks for sharing!

@swmansion visualizing the whole navigation flow like that is really handy

@swmansion super cool!

@swmansion Yo 🤘 Awesome work, man 👏 I am building something similar as well

@swmansion really cool! I love argent, now this takes it to another level with its figma like canvas loading your resl app data 🤯🤘

@swmansion mental model lifesaver

@swmansion it's open sourced or not yet ?

@swmansion that's dope

@swmansion Will try this out. Super cool

@swmansion Is it based only on a static analyzer ? Is all of that done in a single run? just one prompt and then wait for the result?

@swmansion Does it cover all states for all screens?

@swmansion That’s real nice 🤤

@swmansion So the app runs, and an agent navigates through it? How do we manage environments—like, when we're communicating with multiple services?