AI Page Modifier

🧠

Chrome Eklentisi • Local LLM (Ollama) • Manifest V3

Hikayesi ve Çıkış Noktası

Yaklaşık bir yıl boyunca aklımın bir köşesinde duran ancak hayata geçirmek için doğru zamanı beklediğim bir fikirdi. Amacım, kullanıcıların hiçbir teknik kodlama veya CSS/HTML bilgisine ihtiyaç duymadan, yalnızca doğal dille (örneğin "Bu butonu kırmızı yap" veya "Arka planı karanlık moda çevir" diyerek) web sitelerini değiştirebilmelerini sağlamaktı.

Nasıl Çalışıyor?

Eklenti, bilgisayarda yerel olarak çalışan Ollama (özellikle Gemma 4 modeli) sunucusu (`http://localhost:11434`) ile bağlantı kurar. Sizden aldığı doğal dil komutunu yapay zekaya iletir. Yapay zeka bu komutu algılayıp sayfadaki hangi DOM elementinin nasıl değişmesi gerektiğini hesaplar ve eklenti bu değişikliği sayfaya uygular. Her şey lokalde olduğu için gizlilik tamamen korunur.

🚧 Geliştirme Süreci ve Karşılaşılan Zorluklar

Projeyi hayata geçirirken beni en çok zorlayan kısım kalıcılık (persistence) problemiydi. Eklenti sayfada bir değişiklik yaptıktan sonra, sayfa yenilendiğinde veya kapatılıp açıldığında bu kuralları tekrar uygulayamıyor, elementleri bulamıyordu. DOM seçicilerinin (selectors) dinamik sayfalarda kaybolması ciddi bir baş ağrısıydı ve bunun üzerinde uzun süre çalıştım.

Aktif bir diğer zorluk: Sistem şu anda Gemma 4 modeliyle kusursuz bir uyum içinde çalışıyor. Ancak yapay zeka modelini değiştirdiğinizde, farklı modellerin çıktı formatları (JSON yapıları veya yönergeleri anlama biçimleri) değiştiği için kodlar uygulanamıyor. Model bağımsız, esnek bir parsing mimarisi kurmak şu anki en büyük önceliğim.

Teknolojiler

JavaScript (ES6+), Chrome Extensions API (Manifest V3), Ollama API, DOM Manipülasyonu.