Kullanım kılavuzuna geç
App Store Screenshotsyazan ParthJadhav

App Store Screenshots Skill.

Mağaza sayfası ekran görüntülerini hem tek başına birer reklam olarak hem de birlikte çalışacak şekilde oluşturun.

  • Uygulama Pazarlaması
  • Ekran Görüntüleri
  • Yerelleştirme
Kaynak İncelemesi · App Store ScreenshotsSKILL.md
Görev Uygulama Pazarlaması Çıktılar • Örnek uygulama içeriğiyle hazırlanmış yerel bir ekran görüntüsü tasarım editörü • Sürüm kontrolüne uygun bir proje JSON dosyası ve yerel ekran görüntüsü varlıkları • Cihaza, boyuta ve yerel ayara göre düzenlenmiş PNG dışa aktarma paketleri Başlamadan Önce Paketlenmiş Next.js editörü, desteklenen bir Node/package-manager ortamı ve bir tarayıcı gerekir. PNG dışa aktarma html-to-image kullanır; kaynak ekran görüntüleri, fontlar ve diğer varlıklar için uygun kullanım hakları gerekir.
Editoryal özet · kaynak şu tarihte incelendi: 2026-10-07 · oluşturulmuş örnek değildir

01 İşlevler

App Store Screenshots

Yerel proje kaydı, ayrı platform desteleri, yerelleştirilmiş metinler, bağlantılı kompozisyon ve kırpma odaklı dışa aktarma kontrolleri sunan şablon tabanlı bir ekran görüntüsü editörü.

Kaynağa dayalı iş akışıYürütme kıyaslaması değildir

Çalışma Yaklaşımı

App Store Screenshots, mağaza sayfası pazarlama görselleri için önceden hazırlanmış bir Next.js ve ShadCN editörünü kurar. Gerçek uygulama ekran görüntülerini, bir simgeyi, öncelikli özellikleri ve görsel yönü siz sağlarsınız; editör cihaz çerçeveleri, satır içi metin düzenleme, yerleşim seçenekleri, görsel katmanlar ve dışa aktarma kontrolleri sunar. Çıktı pazarlama görselidir; yeni bir uygulama arayüzü ya da her platformun ürün ekranlarının otomatik yakalanması değildir.

Bağlantılı tuval, bir cihazın veya dekoratif öğenin komşu ekran görüntülerine uzanmasına izin verir; yine de dışa aktarılan her kırpmanın eksiksiz bir fikri anlatması gerekir. Proje durumu, yerel varlıkların yanında bir JSON dosyasında tutulur; kolaylık için tarayıcıda bir yansıması bulunur. Ayrı cihaz desteleri ve yerelleştirilmiş etiketler birden fazla mağaza hedefini destekler. Mevcut projeler, daha önce kırpılmış kompozisyonları değiştirebilecek bağlantılı dışa aktarmaları sessizce benimsemek yerine koruma odaklı bir geçiş yolu izler.

Beklenen Çıktılar

  • Örnek uygulama içeriğiyle hazırlanmış yerel bir ekran görüntüsü tasarım editörü
  • Sürüm kontrolüne uygun bir proje JSON dosyası ve yerel ekran görüntüsü varlıkları
  • Cihaza, boyuta ve yerel ayara göre düzenlenmiş PNG dışa aktarma paketleri
Örnek Brief'i Gör

Brief'ten İncelemeye

  1. 01
    Mevcut Çalışmayı İnceleyin

    İskeleyi kurmadan önce önceki bir ekran görüntüsü projesi olup olmadığını kontrol edin. Geçiş isteniyorsa kullanıcının metinlerini, destelerini, varlıklarını ve geri yüklenebilir anlık görüntülerini örneklerle değiştirmek yerine koruyun.

  2. 02
    Gerçek Uygulama Materyali Sağlayın

    Cihaz ekran görüntülerini, simgeyi, uygulama adını, öncelikli özellikleri, hedef platformları, dilleri ve stil yönünü toplayın. Gerektiğinde ekran görüntüsü almak ayrı bir iştir.

  3. 03
    Desteyi Oluşturun

    Yerleşimleri çeşitlendirmek ve her görsel için tek bir net fayda yazmak üzere paketlenmiş editörü kullanın. Ekranlar arası her nesneyi, önemli metin ve arayüz her kırpmada okunabilir kalacak şekilde planlayın.

  4. 04
    Dışa Aktarımları İnceleyin

    Küçük resim okunabilirliğini, yerelleştirilmiş satır sonlarını, varlık yüklemesini ve dışa aktarılan kırpmaları kontrol edin. Seçilen her cihazın paketini dışa aktarın ve göndermeden önce güncel mağaza gereksinimlerini doğrulayın.

02 Kullanım Alanları

Ne Zaman Kullanılır?

Paketlenmiş Next.js editörü, desteklenen bir Node/package-manager ortamı ve bir tarayıcı gerekir. PNG dışa aktarma html-to-image kullanır; kaynak ekran görüntüleri, fontlar ve diğer varlıklar için uygun kullanım hakları gerekir.

Uygun Olduğu Durumlar

  • Tekrarlanabilir Mağaza Sayfası VarlıklarıMağaza pazarlama görsellerini ürün deposuyla birlikte sürdürmek için kullanışlıdır; başka bir ekip üyesi aynı içeriği ve varlıkları yeniden açabilmelidir.
  • Uyumlu Ekran Görüntüsü SetleriHer ekran görüntüsünü ortalanmış telefon kompozisyonuna zorlamadan ortak bir görsel süreklilik gerektiren destelere uygundur.

Kontrol Edilecek Sınırlar

  • Uygulama Ekran Görüntüsü Alma Hizmeti DeğildirEditör gerçek ekran görüntüleri bekler. Kaynak, bazı iOS iş akışları için ayrı bir tamamlayıcı yola işaret eder; diğer platformlar için yine uygun bir yakalama süreci gerekir.
  • Mağaza Onayı Garantisi YokBir şablondaki dışa aktarma boyutları uygulama verisidir; güncel mağaza uyumluluğu vaadi değildir. Yüklemeden önce hedef mağazanın son kurallarını doğrulayın ve gerçek ürün iddialarını gözden geçirin.

Bu Girdileri Hazırlayın

  • Uygulama Ekran Görüntüleri ve SimgeHedeflenen cihazlar ve diller için yerel çözünürlükte ekran görüntüleri ile onaylı uygulama simgesini sağlayın.
  • Özellik ÖncelikleriGerçek faydaları sırayla listeleyin; puanlar, ödüller veya kullanım iddiaları için dayanak kanıtları ekleyin. Ana görseli doldurmak için sosyal kanıt uydurmayın.
  • Platformlar ve Yerel Ayarlarİstenen mağazaları, cihaz desteleri, dilleri, görsel stili ve mevcut bir projenin geçirilip geçirilmeyeceğini belirtin.

03 Önemli Kararlar

Önemli Kararlar

  1. Bağlantılı Ama Bağımsız

    Ekranlar arası kompozisyon sete süreklilik kazandırabilir; ayrı kırpma incelemesi ise başlıkların veya temel arayüzün tüm şerit dışında anlaşılmaz hale gelmesini önler.

  2. Geri Yüklenebilir Proje Durumu

    JSON dosyası ve yüklenen varlıklar, işbirliğini yalnızca tarayıcıdaki bir maketten daha dayanıklı kılar. Eski yalıtılmış dışa aktarmalar, bağlantılı kompozisyon bilinçli olarak etkinleştirilene kadar ayrı kalır.

04 Örnek Görev Tanımı

Odaklı Bir Brief Deneyin

Aşağıdaki örnek brief test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kurulumu İnceleyin

Skill klasörünün tamamını editör şablonu ve stil referanslarıyla birlikte kullanın. Kaynaktaki ekran görüntüsü alma tamamlayıcısının kurulum komutu ayrı bir araç kurar; bu ekran görüntüsü editörünü kurmaz.

Üst Kaynak Dosyası
https://github.com/ParthJadhav/app-store-screenshots/blob/82d4ebba770ce821d89e27f6a5bd30a2cb65ab23/skills/app-store-screenshots/SKILL.md

Paketlenmiş Next.js editörü, desteklenen bir Node/package-manager ortamı ve bir tarayıcı gerekir. PNG dışa aktarma html-to-image kullanır; kaynak ekran görüntüleri, fontlar ve diğer varlıklar için uygun kullanım hakları gerekir.

Tek Bir Çıktıyla Başlayın

Skill'i çalıştırmadan önce bu brief'teki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brief
Verilen alışkanlık uygulaması için yalnızca İngilizce bir iPhone mağaza sayfası destesi oluşturmak üzere App Store Screenshots kullanın. Sağlanan simgeyi ve altı gerçek ekran görüntüsünü kullanın, haftalık planlamayı ve seri toparlamayı öne çıkarın; puan veya ödül uydurmayın. Paketlenmiş editörü çeşitli yerleşimlerle ve ekranlar arası tek bir ince dekoratif anla hazırlayın. Her başlığı kendi kırpmasının içinde tutun, ardından dışa aktarılan PNG'leri küçük resim boyutunda inceleyin. Hiçbir şeyi mağazaya yüklemeyin.

Sonucu İnceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

  • Dışa aktarılan her görsel, bitişikteki ekran görüntüsüne ihtiyaç duymadan eksiksiz bir faydayı anlatır.
  • Seçilen tüm yerel ayarlar gerçek metinlere ve geçerli ekran görüntüsü yollarına çözülür; açıklanamayan yedek metin yoktur.
  • Proje dosyası ve yerel varlıklar, yeniden açıldıktan sonra istenen cihaz desteini yeniden oluşturabilir.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu liste, skill'in paketlendiği veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil olduğu anlamına gelmez.

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu anlatır. Üst kaynaktaki davranış ve gereksinimler değişebilir.

Kaynak Sahibi
ParthJadhav
Lisans
MIT
İncelenen Anlık Görüntü
2026-10-07 · 82d4ebba770c
Editoryal Kaynak Özeti
Yerel proje kaydı, ayrı platform desteleri, yerelleştirilmiş metinler, bağlantılı kompozisyon ve kırpma odaklı dışa aktarma kontrolleri sunan şablon tabanlı bir ekran görüntüsü editörü.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımı veya kalite puanı değildir.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorular

Uygulamanın gerçek ekran görüntülerini üretir mi?

Asıl işi, sağlanan ekran görüntülerinden pazarlama varlıkları oluşturmaktır. Yakalama otomasyonu, uygunsa, ayrı bir tamamlayıcı iş akışıdır.

Tek bir cihaz iki ekran görüntüsüne taşabilir mi?

Evet, bağlantılı mod ortak bir tuvalin kırpmalarını dışa aktarır. Önemli metni ve arayüzü her kırpmanın içinde tutun ve görselleri ayrı ayrı inceleyin.

Eski bir projeyi yükseltmek kırpmalarını değiştirir mi?

Kaynak, eski projeleri zaten bağlantılı kompozisyonu seçmedilerse yalıtılmış modda tutar. Geçiş, mevcut varlıkları ve metinleri geri yüklenebilir bir yedekle korumalıdır.

OpenDesign

Bir Sonraki Tasarım Yinelemesine Yer Açın.

Brief'inizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

Üst Kaynak Dosyası
https://github.com/ParthJadhav/app-store-screenshots/blob/82d4ebba770ce821d89e27f6a5bd30a2cb65ab23/skills/app-store-screenshots/SKILL.md