Bug report visivo

Uno strumento di bug reporting visivo (visual bug reporting tool) sostituisce la descrizione a parole con un clic sull'elemento reale. Scrivere un bug report a mano è lento e perde informazioni: "il dropdown è disallineato" raramente dice quale dropdown, su quale pagina, in quale stato, così la correzione richiede più tempo e a volte colpisce l'elemento sbagliato.

Invece di descrivere il bug in prosa, clicchi l'elemento sull'app reale. Patchrooms cattura il selettore del DOM, uno screenshot, l'URL della pagina e lo stato della console, e impacchetta tutto in un report che un umano o un agente legge senza dover indovinare nulla.

Tre momenti, e la cattura è automatica:

• Clicca il bug: chi revisiona clicca l'elemento rotto direttamente sull'app dal vivo, senza dover descrivere dov'è.
• Patchrooms cattura il contesto: registra in automatico uno screenshot, il selettore dell'elemento, l'URL della pagina e lo stato della console.
• Lo sviluppatore o l'agente sistema: il report si esporta come Markdown con tutto il dettaglio tecnico allegato, così la correzione è mirata invece che ipotetica.

Ogni clic cattura in automatico, senza scrittura manuale: uno screenshot, il selettore dell'elemento cliccato, l'URL della pagina e il contesto della console. A questo si aggiunge il commento di chi revisiona, scritto o registrato come nota vocale e trascritto da solo.

Un esempio concreto: una tester QA trova un modale disallineato su staging. Un clic cattura il selettore del modale, uno screenshot e l'URL. Lo sviluppatore apre il report e sistema l'elemento esatto senza chiedere "quale modale?".

Ogni bug report visivo si esporta con il selettore, lo screenshot, l'URL e il contesto della console, pronto da incollare in un coding agent o da allegare a un ticket. Il testo che legge l'agente resta in inglese (è ciò che il modello consuma):

## Bug: Misaligned modal
- **Element:** `div.confirm-modal`
- **Comment:** Modal is offset ~24px to the right on desktop.
- **Screenshot:** blob/scr_41bd.png
- **URL:** https://staging.example.com/billing
- **Console:** no errors

Lo sviluppatore lo raccoglie direttamente, oppure lo passi all'agente perché modifichi l'elemento esatto. Per i loop senza nessuno che incolla nulla, un server MCP lascia che l'agente legga la coda (list_reports / get_report) e chiuda ciò che sistema (set_status).

Sì. L'embed gira su qualsiasi pagina che servi, inclusa produzione, staging o un build di preview. Non sostituisce per forza il tuo issue tracker: può alimentarne uno o stare da solo. I report si esportano come Markdown da incollare in un tracker o in un coding agent, oppure restano in triage sulla dashboard di Patchrooms.

Approfondisci nei workflow.