Görsel bir bug raporu neyi yakalar?

Bir ekran görüntüsünü, tıklanan öğenin selector'ını, sayfa URL'sini ve konsol context'ini; hepsi otomatik, el ile yazmaya gerek olmadan.

Canlı bir production uygulamasında kullanabilir miyim?

Evet. Embed, sunduğun her sayfada çalışır: production, staging ya da bir preview build dahil.

Bir developer ya da bir ajan mı düzeltir?

İkisi de. Rapor tüm teknik detayla dışa aktarılır; bir developer'a verir ya da bir kodlama ajanına (Claude Code, Cursor, Codex) yapıştırırsın. Her iki durumda da düzeltme tam öğeyi hedefler.

İnceleyen kişinin hesabı gerekir mi?

Hayır. İnceleme hesapsız, ücretsiz ve sınırsız. Yalnızca dashboard'da raporları triyaj eden kişinin hesabı olması gerekir.

görsel bug raporlama

Görsel bug raporlama aracı

Bug'ı prosa anlatmayı bırak. Görsel bug raporlama ile ekibin canlı uygulamadaki bozuk öğeye tıklar ve Patchrooms; developer'ın (ya da ajanın) yeniden üretip düzeltmek için ihtiyaç duyduğu her şeyi otomatik yakalar: selector, ekran görüntüsü, URL ve konsol durumu.

Giriş yap

Görsel bug raporlama aracı nedir?

Görsel bug raporlama (visual bug reporting), bug'ı metinle tarif etmek yerine canlı uygulamadaki öğeye doğrudan tıklayıp context'i otomatik yakalayan bir yöntemdir. El ile bug raporu yazmak yavaş ve kayıplıdır.

"Dropdown hizasız" cümlesi nadiren hangi dropdown'ı, hangi sayfada, hangi durumda olduğunu söyler; dolayısıyla düzeltme daha uzun sürer ve bazen tamamen yanlış öğeyi hedefler. Bir tıklama bu belirsizliği ortadan kaldırır.

Bug'a tıkla

İnceleyen, nerede olduğunu tarif etmeye gerek kalmadan bozuk öğeye canlı uygulamada doğrudan tıklar. Yazmak yok, koordinat aramak yok, uzun uzun prosa yok, sadece tıklama.

İnceleyenin uygulamayı çalıştırdığın araca (Lovable, v0, Bolt, Cursor) ya da bir hesaba ihtiyacı yok. Yalnızca link. İnceleme hesapsız, ücretsiz ve sınırsız.

Patchrooms context'i otomatik yakalar

Tıklama anında Patchrooms bir bug'ı yeniden üretmek için gereken teknik detayı otomatik kaydeder:

Tıklanan öğenin DOM selector'ı.
Bir ekran görüntüsü ve sayfa URL'si.
Viewport, tarayıcı ve varsa konsol hataları.
Yazılı yorum ya da otomatik yazıya dökülen sesli not.

Hiçbir şey el ile yazılmaz, dolayısıyla bug'dan hiçbir şey kaybolmaz. Rapor gerçek zamanlı olarak dashboard'una düşer.

Developer ya da ajan düzeltir

Rapor tüm teknik detay iliştirilmiş halde bir Markdown olarak dışa aktarılır; böylece düzeltme spekülatif değil, hedefli olur. Bir developer raporu açıp "hangi modal?" diye sormadan tam öğeyi düzeltir.

Yapay zeka ile inşa ediyorsan aynı rapor bir kodlama ajanına gider: selector, ekran görüntüsü, URL ve konsol context'i, Claude Code ya da Cursor'a yapıştırmaya hazır. Ajanın okuduğu metin İngilizce olur:

## 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

Issue tracker'ının yerini alır mı?

Birinin yerini alabilir ya da tek başına durabilir. Raporlar; bir tracker'a, bir kodlama ajanına yapıştırabileceğin ya da Patchrooms dashboard'unda triyaj halinde tutabileceğin Markdown olarak dışa aktarılır.

Kimsenin bir şey yapıştırmadan dönen loop'lar için bir MCP sunucusu, ajanın kuyruğu doğrudan okumasını (list_reports / get_report) ve düzelttiğini kapatmasını (set_status) sağlar. Daha fazlası: AI artefakt incelemesi ve BugHerd alternatifi.

Sık sorulan sorular

Görsel bir bug raporu neyi yakalar?: Bir ekran görüntüsünü, tıklanan öğenin selector'ını, sayfa URL'sini ve konsol context'ini; hepsi otomatik, el ile yazmaya gerek olmadan.
Canlı bir production uygulamasında kullanabilir miyim?: Evet. Embed, sunduğun her sayfada çalışır: production, staging ya da bir preview build dahil.
Issue tracker'ımın yerini alır mı?: Birini besleyebilir ya da tek başına durabilir. Raporlar; bir tracker'a, bir kodlama ajanına yapıştırabileceğin ya da Patchrooms dashboard'unda triyaj halinde tutabileceğin Markdown olarak dışa aktarılır.
Bir developer ya da bir ajan mı düzeltir?: İkisi de. Rapor tüm teknik detayla dışa aktarılır; bir developer'a verir ya da bir kodlama ajanına (Claude Code, Cursor, Codex) yapıştırırsın. Her iki durumda da düzeltme tam öğeyi hedefler.
İnceleyen kişinin hesabı gerekir mi?: Hayır. İnceleme hesapsız, ücretsiz ve sınırsız. Yalnızca dashboard'da raporları triyaj eden kişinin hesabı olması gerekir.