Dark themeAcme Commerce
Two diagrams in one file: the platform architecture and the checkout process, with a switcher between them.
- Architecture
- Process
- 2 diagrams
Gallery
Examples
Each one is a single HTML file an agent wrote from a set of docs or a codebase. Open one, click around, start the tour, press E to see the editor or P for the PDF deck.
Dark theme
Dark themeOnline Boutique, from the code
Google's open-source microservices demo, read from its code alone: gRPC clients, manifests and the proto contract. Every connection has evidence in the code. Unofficial.
- Architecture
- From code
- Technical viewpoint
Dark themeBlueprint Deck Kit
The kit's own architecture: the skill, the engine, the configurator and how a deck is made, generated from this repository.
- Architecture
- Mixed viewpoint
Light themeSaaS onboarding
A fictional analytics SaaS: seven stages from first visit to expansion, three personas with their paths, pains and numbers to watch.
- Journey
- Product viewpoint
- Personas
Light themePostgreSQL internals
How PostgreSQL works, from the official docs: one UPDATE from the client to disk and to a replica. Technical viewpoint, paper theme.
- Architecture
- Technical viewpoint
- Light theme
Light thememeetBuddy, from the code
A macOS meeting recorder (Swift app + Python pipeline), read from its code: a product view of what it does for you and a technical view of how it's built, in one file. Unofficial.
- Product + technical
- From code
- 2 diagrams
Made one for your project?
Open a pull request that adds it to examples/, with its config and extraction report.