Ürün sayfası açıklayıcı görselleri, müşterinin satın almadan önce sorduğu üç soruyu (boyut, kullanım, neden bu ürün) tek tek görselle cevaplayarak dönüşümü artırır. gpt-image2-ecommerce yeteneğinde ürünü ve soruyu Türkçe tarif edersin; Claude, Template 11 ve 13 ile infografik promptunu hazırlar, görseli ChatGPT veya Gemini üretir. Aşağıdaki örnek komutları kopyala, kendi ürün bilgilerini yerleştir ve Claude'a gönder.
Örnek komutlar (kopyala)
Yeteneği yükledikten sonra Claude Code'a Türkçe yazarak başlıyorsun. Ürününü, hedef kitlesini ve hangi soruya görsel cevap vermek istediğini anlat; Claude uygun template'i seçer ve görsel prompt'u hazırlar.
Ürünüm: organik şampuan, 300 ml.
Müşteriler "ne kadar kullanmam lazım?" diye soruyor.
Template 11 ile kullanım adımlarını gösteren bir infografik için prompt hazırla:
1. saç ıslatma, 2. avuç içine dökme (5 ml), 3. saçı masaj yaparak yıkama, 4. durulama.
Bebek ürünleri satıyorum. Ürün: katlanabilir banyo küveti.
Müşteri sorusu: "Bu küvet ne kadar büyük? Evde nerede kullanılır?"
Template 13 (boyut spesifikasyonu) kullanarak şu bilgileri içeren görsel prompt hazırla:
- Açık boyut: 62x38x22 cm
- Katlanmış boyut: 62x38x5 cm
- Referans: standart mutfak tezgahında kullanım
- Ağırlık: 0.9 kg
Ürünüm: ahşap çocuk oyuncak seti (6 parça).
Amacım: hem ebeveyne "ne alacağım" sorusunu cevaplamak hem de güvenliği göstermek.
Template 11 kullanarak şunları içeren avantaj listesi infografiği için prompt yaz:
- 6 parçanın tek tek isimleri ve ne işe yaradığı
- "Boyasız, doğal ahşap" özelliği
- Yaş aralığı: 2-6 yaş
- CE sertifikalı olduğu bilgisi
Mutfak aleti satıyorum: manuel spiral rende.
Müşteriler "nasıl kullanılıyor ve temizleniyor?" diye soruyor.
Template 11 ile iki bölümlü infografik için prompt hazırla:
Bölüm 1 - Kullanım (3 adım): 1. sebzeyi yukarıdan sok, 2. döndür, 3. tabağa al.
Bölüm 2 - Temizlik (2 adım): 1. suyla çevir, 2. bulaşık makinesine koy.
Her adım için küçük bir ikon ve kısa bir başlık kullan.
💡 Soru-Görsel Eşleme Yöntemi: Ürün sayfanı geliştirmeden önce şu soruyu sor: "Müşterim satın almadan önce hangi üç soruyu sorar?" Bu üç soruyu yaz. Her soruya bir görsel türü karşılık getir: boyut sorusu → Template 13, kullanım sorusu → adımlı infografik, neden bu ürün sorusu → avantaj listesi. Bu üçlü şablonla hangi ürün olursa olsun sayfa infografiklerini sistematik olarak hazırlayabilirsin.
Kendin nasıl kurarsın (kopyala-yapıştır prompt)
Claude Code'u aç ve aşağıdaki prompt'u olduğu gibi yapıştır:
LÜTFEN ŞUNLARI SEN YAP:
1. Bilgisayarımda ~/.claude/skills/ klasörü var mı kontrol et.
Yoksa oluştur.
2. github.com/buluslan/gpt-image2-ecommerce reposundan
indirdiğim ZIP dosyasını ~/.claude/skills/ klasörüne
taşımam için bana adım adım rehberlik et.
(Klasörün içinde SKILL.md dosyası olmalı.)
3. Kurulum bittikten sonra şunu test et:
Ürünüm için ürün sayfası infografiği:
- Ürün: 500 ml cam su şişesi
- Müşteri sorusu: "Ne kadar büyük? Çantama sığar mı?"
Template 13 kullanarak boyut infografiği için görsel prompt hazırla.
4. Çıktıyı göster. Kurulum doğru çalışıyorsa bana bildir.
Nasıl çalışıyor
Bu yetenek doğrudan sana görsel dosya üretmiyor; sana görsel üretmek için optimize edilmiş, detaylı bir prompt hazırlıyor. Bu prompt'u ChatGPT (GPT-Image), Google Gemini veya Nano Banana Pro'ya yapıştırıyorsun ve görsel orada üretiliyor. Yetenek şu repodan geliyor: github.com/buluslan/gpt-image2-ecommerce, 25 template içeriyor; template 11 açıklayıcı infografik, template 13 boyut spesifikasyonu görseli üretiyor.
Kurulum kısa sürüyor: GitHub'da repoya gir, yeşil Code butonundan Download ZIP seç, çıkan klasörü ~/.claude/skills/ içine taşı. Claude Code bilgisayarında kurulu değilse önce Claude Code kurulum rehberini tamamla. İki kullanım modu var: Mod A'da Claude prompt hazırlar, görseli sen ChatGPT veya Gemini'de üretirsin; Mod B'de OpenAI Codex CLI kuruluysa Claude görsel üretimini otomatik tamamlar. Yeni başlayan Mod A ile başlasın.
Üç yaygın hata var: "Ürünüm için güzel bir görsel yap" gibi genel bir istek işe yaramaz; hangi soruyu cevaplamak istediğini ve hangi template'i kullanacağını açıkça belirt. Tüm soruları tek görsele sıkıştırma; her görsel tek bir soruyu cevaplasın, üç sorun varsa üç görsel yap. Boyutları sayısal ver; "büyükçe bir ürün" yerine "32 cm genişlik, 18 cm derinlik, 250 gram" yaz, çünkü yapay zeka doğru referans nesneyi seçmek için gerçek rakama ihtiyaç duyar.
Piramidin orta katmanını, yani ürünün kendisini gösteren kareleri güçlendirmek istersen modelli görsellerle sayfanı güçlendirmeyi ayrı bir rehberde anlattım; bu rehber üst katmanı, karar görsellerini kuruyor.
Özetle
- Müşteri ürün sayfanda sorusuna cevap bulamazsa, satın almadan çıkar.
- Bu yetenek boyut, kullanım adımları ve avantaj listesi infografikleri üretiyor.
- Her görsel tek bir soruyu cevaplasın: sade görsel, hızlı karar demektir.
- Template 11 (infografik) ve Template 13 (boyut spesifikasyonu) bu yetenek için en çok kullanılan şablonlar.
- Mod A ile başla: Claude prompt hazırlar, sen ChatGPT / Gemini'de görseli üretirsin.