Revisely: Görsel Geri Bildirimden AI Fix'e

Web sitesi geri bildirimini AI'a hazır fixlere çevir. İşaretle, CSS düzenle, Cursor & Claude promptu ve GitHub/Jira ticket'ı üret.

Revisely — canlı web sitesi geri bildirimini yapay zekaya hazır kod düzeltmelerine çeviren Chrome uzantısı. Dağınık ekran görüntüleri ve "şurayı biraz sağa al" tarzı belirsiz e-postaları bırakın: herhangi bir sayfadaki herhangi bir öğeye tıklayın, not düşün, CSS'i canlı düzenleyin ve tek tıkla AI promptu, revizyon kartı veya issue ticket'ı olarak dışa aktarın. Geliştiriciler, tasarımcılar, QA test uzmanları, ajanslar ve ürün yöneticileri için tasarım geri bildirimini iletmenin en hızlı ve en net yolu. ✨ v1.3.0 — Yenilikler • Yenilenen tasarım: Sayfa içi panel ve araç çubuğu baştan tasarlandı — daha temiz, daha hızlı, daha az tıklamayla revizyon. İş akışının tamamı artık sağ dock üzerinden akıcı çalışıyor. • AI aktarım profilleri: Cursor, Claude, ChatGPT, v0 ve Lovable için ayrı ayrı optimize edilmiş promptlar. Her prompt seçici (selector), öncelik, sahip ve kabul kriterlerini içerir. Revisely doğru promptu kopyalar ve AI aracını senin için açar — sen sadece yapıştırıp devam edersin. • Hata Yakalayıcı (Page Audit): Düşük kontrast, çok küçük metin, eksik alt text ve küçük tıklama alanı gibi yaygın UX ve erişilebilirlik sorunlarını sayfada otomatik bulur, tek tıkla revizyona çevirir. • GitHub, Linear & Jira çıktısı: Geri bildirimi doğrudan issue tracker'a hazır ticket olarak dışa aktar — durum, öncelik, sahip, seçici ve önerilen CSS dahil. • Ekip bilgisi (team metadata): Her revizyona öncelik, durum ve sahip ata; revizyon kartların ve promptların ekipler için çok daha kullanışlı olsun. • DESIGN.md & SKILL.md aktarımı: Tasarım bağlamını ve proje kurallarını yapay zeka kodlama araçlarına tek dosyayla devret. • İçe aktarma & oturum geri yükleme: Dışa aktardığın Revizyon Kartı'nı geri yükle; Revisely URL'yi algılayıp tüm notlarını, rozetlerini ve CSS düzenlemelerini kaldığın yere taşır. • 5 dil: İngilizce, Türkçe, Almanca, İspanyolca, Japonca — uzantı içinden anında değiştir. 🚀 Neden Revisely? Web projelerinde geri bildirim genellikle çeviride kaybolur. "Bunu bir piksel sola kaydır" veya "Bu maviyi biraz koyulaştır" gibi ifadeler netliğini yitirir. Revisely, doğrudan canlı DOM üzerinden açıklama yapmanı sağlayarak bu sorunu kökten çözer: - Görsel + teknik bağlam bir arada: Sadece ekran görüntüsünü değil; HTML öğesini, CSS seçicisini ve hesaplanmış stillerini de yakalar. - Yapay zeka odaklı iş akışı: Sadece hatayı bildirme, çözümü yaz. Geri bildirimini bir AI'nın değişikliği anında uygulaması için gereken tüm teknik detayı içeren yapılandırılmış bir prompt olarak dışa aktar (Cursor, Claude, ChatGPT, v0, Lovable ile uyumlu). - Profesyonel çıktılar: Ekibin veya müşterin için şık "Revizyon Kartı" HTML raporları ya da GitHub / Linear / Jira ticket'ları üret. 🌟 Temel özellikler 1. Tıkla-ve-işaretle element seçici: Sayfadaki herhangi bir öğenin üzerine gel ve tıkla. Revisely, tam olarak hangi öğeyi kastettiğini vurgular. 2. Ekran görüntüsü üzerine çizim: Revizyon eklerken kalem, ok veya dikdörtgen ile tam olarak neyin yanlış olduğunu işaretle. 3. Yerleşik canlı CSS düzenleyici: Değişikliği tarif etme — göster. - Renk seçici: Metin ve arka plan renklerini canlı ayarla. - Tipografi: Hiyerarşiyi düzeltmek için yazı tipi boyutlarını değiştir. - Boşluklar: Margin ve padding için görsel Kutu Modeli kontrolleri. - Kategoriler: Sorunları Hata, Tasarım, İçerik veya Diğer olarak etiketle, kolayca filtrele. 4. Yapay zeka prompt oluşturucu (Developer Export): Revisely'yi ayıran temel özellik. Geri bildirimini şunları içeren yapılandırılmış bir prompt olarak dışa aktar: - Hassas CSS seçicileri (ID / sınıflar) - Mevcut hesaplanmış stiller ve istenen değişiklikler - Bağlamsal HTML parçacıkları Promptu herhangi bir yapay zeka kod asistanına yapıştır, düzeltilmiş kodu anında al. 5. Hata Yakalayıcı (Page Audit): Kontrast, alt text ve tıklama alanı gibi erişilebilirlik/UX sorunlarını sayfada otomatik tespit et, tek tıkla revizyona çevir. 6. Issue tracker çıktısı: Geri bildirimlerini GitHub, Linear veya Jira için hazır ticket metnine dönüştür — durum, öncelik, sahip ve teknik detaylarla. 7. Görsel revizyon kartları ve özel ekran görüntüleri: Yüksek kaliteli, bağımsız bir HTML raporu dışa aktar. - Otomatik ekran görüntüleri: Her sorun için otomatik kırpılmış görsel. - Görselini değiştir: Kendi özel görsellerini veya taslaklarını doğrudan karta yükle. - Gömülü "AI Promptunu Kopyala" düğmesi. 8. İçe aktar ve oturumu geri yükle: Dışa aktarılmış bir Revizyon Kartı'nı yükle; Revisely URL'yi algılar ve tüm rozetlerini, notlarını ve CSS düzenlemelerini kaldığın yere geri yükler. Ekip üyeleri birbirinin revizyon dosyalarını içe aktarabilir. 👨🏻‍💻 Kimler için? - Geliştiriciler: Seçiciler ve stil verisiyle gerçekten işe yarayan hata raporları al. - Tasarımcılar: Uygulanan tasarımlar üzerinde QA yap, piksel hassasiyetinde geri bildirim ver. - QA uzmanları: Görsel hataları her zamankinden hızlı belgele. - Ajanslar & freelancer'lar: Müşteri revizyonlarını net, profesyonel raporlara dönüştür. - Müşteriler & PM'ler: Kod bilmeden değişiklikleri net bir şekilde ilet. 🔒 Gizlilik önce gelir Revisely %100 yerel çalışır. Hesap yok, giriş yok, bulut yok, backend yok. Görsel verilerin ve geri bildirimlerin tarayıcında işlenir; sen dışa aktarılan dosyaları açıkça paylaşmadıkça hiçbir harici sunucuya gönderilmez. Revisely hiçbir yapay zeka çağrısı yapmaz ve senden hiçbir API anahtarı istemez — yalnızca hazır promptu üretir; onu kendi AI aracına (Cursor, Claude, ChatGPT…) yapıştırma kararı tamamen sende. Revisely'yi bugün indir; aynı hatayı iki kez düzeltmeyi bırak.