flutter-map
A Flutter agent skill that maps every route, screenshot, and navigation flow.
Open Source · Developer Tools
Screenshots
About
flutter-map is an open-source agent skill and toolchain that produces a visual navigation map of a Flutter app: every route as a card with a real screenshot, runtime state variants such as sheets and dialogs, navigation edges between screens, and replayable Argent flows showing how each screen was reached.
It statically parses GoRouter, go_router_builder, AutoRoute, Navigator 1.0, and Navigator 2.0, then explores routes on a simulator or emulator. The result packs into an expo-map-compatible .appmap bundle you can inspect in the included Flutter web visualiser.
Use it from Codex, Cursor, or Claude to map another Flutter project end to end — from route discovery through capture, packaging, and interactive review.
Features
- Static route parsing
- Discovers routes, parameters, edges, and deep-link schemes across major Flutter routers.
- Live simulator capture
- Opens each route, captures real screenshots, and records runtime states and navigation flows.
- Portable .appmap bundles
- Packs the graph, screenshots, and flows into an expo-map-compatible archive.
- Interactive visualiser
- Explore the graph, replay flows, and inspect state variants in a Flutter web app.