01
Why does this matter to us?
Screenshots and ticket descriptions often lose the exact page state. At the same time, responsive layouts, zoom levels and screen resolutions change the position of visual markers.
Workshop · Paused
An embeddable toolbar for visual annotations, comments, reactions, screen recordings and session recordings directly inside a running web application.
How can quality assurance capture feedback while preserving the position, state and technical context of a problem?
01
Screenshots and ticket descriptions often lose the exact page state. At the same time, responsive layouts, zoom levels and screen resolutions change the position of visual markers.
02
A JavaScript SDK is embedded through a script tag and connects feedback sessions, annotations, comments, reactions, recordings and a Livewire dashboard through a shared API.
03
The main product areas exist as a prototype. Work was paused because markers and panels do not yet retain the same visual reference reliably across different viewports, resolutions and scaling levels.
04
Define the coordinate model from first principles, establish a browser and device matrix and only then decide whether to continue the experiment.