Guided tour
Step-by-step highlights on the real elements of your app.
Guided reviews, right on your product.
Walk a reviewer through the real UI, ask your questions where the answer lives, and watch the whole session back. One script tag — no staging build, no screenshots in a doc.
HHenriqueEngineering
Quick filters
Each pill narrows the list in place. You choose which ones stay pinned here.
BackStep 4 of 8
Four things in one review
A session is whatever combination you need. Add a tour, add questions, turn on recording — the reviewer sees one widget either way.
Questions
Seven block types — text, score, range, yes/no, ship-it and more.
Comments & pins
Reviewers leave notes on the page, with an optional recording.
Session replays
Every visit played back with its console and network trail.
Build
Lay the flow out on a canvas.
Pick the elements you want walked through, write the step copy, and drag the order until it reads like a demo. The selector for each step is captured for you.
- Point at an element in the live app — the selector is derived, not hand-written.
- Steps, questions and the thank-you screen all live on the same canvas.
- Scaffold a first draft with AI, then edit it like any other session.
Collect
Answers where the answer lives.
The widget rides along inside your product. The tour highlights the real UI, then the questions appear in the same panel — no second tab, no form to context-switch into.
- Seven question types, one per screen, with progress kept across reloads.
- Comments pinned to the page, with an optional screen or camera recording.
- Reviewers stay anonymous unless they choose to type a name.
Watch
Play the session back.
Every recorded visit replays as the reviewer saw it, with markers for each walkthrough step and each comment, and the console and network trail running alongside.
- Markers jump straight to the step or comment that produced the note.
- Console errors and failed requests sit next to the click that caused them.
- Results roll up per question, and Copy for agent hands the lot to a coding agent.
“Two people walked the flow before standup and I had the selector-level notes by the time I opened the PR.”
“The replay settled an argument in thirty seconds. The console error was right there next to the click.”
“Copy for agent, paste into the coding agent, done. No one retyped a single piece of feedback.”
Questions people ask
Do I have to deploy anything to use it?
No. Add one script tag before </body> in the app you want reviewed, pointing at wherever jogen is running. That is the whole install — the Install page in the dashboard prints the exact tag.
Does it work against a local dev server?
Yes, that is the normal case. The only requirement is that the machine running the target app can reach the jogen origin, and that an https target is served an https snippet — browsers block mixed content.
Where does the data live?
In a SQLite file next to the app, plus a videos folder for any recordings. Nothing leaves the machine you run it on and there is no external service in the loop.
Do reviewers need an account?
No. They open a link, optionally type a name, and answer. Anonymous is the default, and the widget remembers where they stopped if they come back.
What exactly gets recorded?
The DOM of the visit plus its console and network trail, so a replay can be scrubbed with the errors in view. Microphone and screen capture only ever start after the reviewer accepts the browser's own prompt.
Can I hand the results to a coding agent?
Yes. Every results page has Copy for agent, which exports the session, its answers and its comments as Markdown you can paste straight into an agent prompt.
Stop describing the bug. Show it.
Set up a review in a couple of minutes and send the link. The next round of feedback arrives with the clicks attached.
jogen v0.1.0 · internal tool · runs on your machine