PinAppAI

AI ile inşa edilmiş siteler için görsel değişiklik talebi katmanı

Neyin yanlış olduğunu göster. AI kodlama ajanın tam da onu düzeltsin.

Canlı sitendeki herhangi bir öğeye pin bırak, ne değişmesi gerektiğini kelimelerle ya da sesle söyle, AI kodlama ajanın Slack screenshot’ı değil, kesin ve konumu belli bir değişiklik talebi alsın.

Nasıl çalışır

Pin’den pull request’e

“Bu paragraf yanlış” demekten repo’na kod değişikliği gelene kadar beş adım. Slack screenshot yok. “Tam olarak nerede?” diye sormak yok.

Reviewer’lar canlı sitede yapılı geri bildirim bırakır: metin düzeltmeleri, yorumlar, ekran görüntüleri.

Modlar

Niyeti yakalamanın dört yolu

Reviewer’lar bozulan yere pin bırakır. AI ajanın tam olarak neyi düzelteceğini, locator hassasiyetiyle alır.

Serbest pin

Sayfada herhangi bir yere tıkla, yorumunu yaz. Konum yüzde olarak saklanıyor. Layout değişse bile yorumun yerini koruyor.

Element pin’i

DevTools tarzı hover overlay. Belirli bir element seç. AI ajanın “bu H1: ‘Operasyonları tek yerden yönet’” görür, “pin %47, %32” değil.

Ekran görüntüsü pin’i

Bir dikdörtgen sürükle, yorum ekle. Piksel-mükemmel yakalama, tarayıcıda ya da masaüstü uygulamasında native; AI tam olarak reviewer’ın gördüğünü görür.

Yeni

Metin-seçim pin’i

Tam olarak o kelimeleri seç, seçimin kendisini pin’le. Ajanın değişecek metnin birebirini alır. Uygulaması yorum değil, nokta atışı bul-değiştir.

  • Herhangi bir sayfayı telefon olarak incele, geri bildirim cihazla etiketli
  • 5 dilde sesli dikte
  • Cmd+Enter gönder, Esc iptal
  • Pin’ler sayfa yenilemesinde kaybolmuyor
  • Claude Code, Codex, Cursor ve kendi pipeline’ına çıkıyor

Artık npm’de

Claude Code, Codex, Cursor veya tercih ettiğin AI kodlama aracında çalışsın

Reviewer’lar canlı sitende pin bırakır. AI ajanın Inbox’ı okur, kalıpları yakalar ve düzeltmeyi editörden çıkmadan önerir.

npx @pinappai/mcp install
npx @pinappai/mcp login

Çalışıyor:

  • Claude Code
  • Codex CLI
  • Cursor
  • Claude Desktop
  • Continue
setup-projectWorkspace + proje + widget snippet’i sıfırdan kur
embed-widgetWidget’ı mevcut bir projenin sitesine göm
applyInbox’ı boşalt: tüm değişiklik taleplerini tek seferde kaynak koda uygula
generate-changes-pageToplu düzenleme için /changes/ inceleme sayfasını üret
removeYayına çıkarken entegrasyonu temizle

/docs/mcp/ adresinde 5 workflow daha →

Tüm MCP belgelerine bak →

Kimin için

Sen nasıl yayınlıyorsan, ona göre

Solo kurucu

Yayınla, link paylaş, uygula

v0, Claude Code veya Cursor ile inşa edip aynı gün yayına alıyorsun. Review linkini paylaş (kimseye kurulum yok); kurucu ortağının bıraktığı her pin, ajanının tek seferde uyguladığı numaralı bir change request olarak Inbox’a düşer.

Ajans

Slack thread’i olmadan müşteri geri bildirimi

Müşteriler canlı sitede pinler: review linkiyle ya da kendi oturum açık sekmelerinde Chrome eklentisiyle. Her talep locator hassasiyetinde gelir: öğe, sayfa, kelimeler. İşe başlamadan önce screenshot arkeolojisi yok.

Ürün ekibi

Çok reviewer, tek döngü

Tüm ekibin kararları (Approve, Reject, Request change) tek bir apply workflow’undan akar; workspace başına AI talimatları her uygulanan değişikliği ekibinin tarzında tutar.

Güvenilir olmak için tasarlandı

AB veri ikametgahı

İncelemeleriniz AB’de saklanır (Frankfurt): veritabanı da ekran görüntüleri de.

7 gün geri al

Silinen hesap, workspace veya projeyi 7 gün içinde e-postayla geri yükleyin.

Her planda iki adımlı doğrulama

Halihazırda kullandığınız authenticator uygulamasıyla TOTP.

Verileriniz size ait

Her pin, yorum ve audit kaydını tek tıkla JSON olarak indirin.

Detaylı uyumluluk için: Güvenlik ve Güven →

Hemen başla

Başlamanın dört yolu

Sıfır kurulumlu review linkini paylaş, widget’ı canlı sitene göm, reviewer eklentisini kur ya da native macOS uygulamasıyla istediğin yerden pin’le. Dördü de aynı değişiklik talebi akışını AI dev agent’ına besler.

Ekibin için

Widget’ı göm

Canlı sitene tek bir snippet ekle. Reviewer’lar pin bırakır, ekran görüntüsü alır veya sesli değişiklik talebi söyler. AI ajanın hepsini konum bilgisiyle alır.

<script defer
 src="https://api.pinappai.com/widget.js"
 data-project="pk_yourProjectKey">
</script>
  • Ücretsiz, kart gerekmez
  • Tek script etiketi
  • 2 dakikada canlı
Snippet’ini alWidget belgeleri →
Reviewer’lar için

Reviewer eklentisini kur

İnceleme araçlarını gerçek siteye, reviewer’ın kendi oturum açık sekmesine getiren Chrome eklentisi. Linkin ulaşamadığı sayfalar için: login arkası, uygulama içi akışlar, sıkı güvenlik politikaları.

  • Login arkasında çalışır
  • Tek giriş, e-posta kodu yok
  • Site başına aç veya kapat
Chrome Web Store’dan kurEklenti nasıl çalışır →
macOS

Masaüstü uygulamasını kullan

Herhangi bir URL’i açan native macOS reviewer’ı, embed gerekmez. Pin bırak, ekran görüntüsü al, değişiklik talep et. Native ekran yakalama dahil.

  • macOS · Apple Silicon & Intel
  • Widget embed gerekmez
  • Native ekran yakalama
macOS için indir