Landing Page Generatoryazan Alireza Rezvani

Landing Page Generator Skill.

Bileşenleri oluşturmadan önce gerçek bir ürün önermesini sayfa bölümleriyle ilişkilendirin.

Açılış Sayfaları
Metin Yazarlığı
Frontend

OpenDesign Dosyasını İndir Kullanım Kılavuzunu Görüntüle

Kaynak İncelemesi · Landing Page GeneratorSKILL.md

Görev Açılış Sayfaları Çıktılar • Tailwind stilleriyle React veya Next.js TSX açılış sayfası bölümleri • Seçilen bir mesaj çerçevesi etrafında düzenlenmiş metin varyantları • Başlık, açıklama, canonical ve yapılandırılmış veri iskeleti Başlamadan Önce Tailwind içeren uyumlu bir React veya Next.js projesi gerekir; başvurulan arayüz bileşenleri ve isteğe bağlı marka analizi araçları ayrı kurulum gerektirebilir.

Editoryal özet · kaynak incelendi 2026-10-07 · üretilmiş örnek değildir

01 İşlevler

Ürün Brifinden React Açılış Sayfası Taslağı Hazırlayın

Metin çerçevelerini, açılış sayfası bölümlerini ve SEO ya da performans kontrol listelerini birleştiren, ürün brifinden TSX'e uzanan bir iş akışı.

Kaynağa dayalı iş akışıÇalıştırma kıyaslaması değildir

Çalışma Yaklaşımı

Landing Page Generator, pazarlama metni çerçevelerini React veya Next.js bölüm kalıplarıyla ve Tailwind stilleriyle birleştirir. Hedef kitleyi, sorunu, faydayı, fiyatlandırmayı ve tasarım yönünü toplar, ardından sayfayı oluşturmadan önce metni taslaklar. Kaynak; hero, özellik, fiyatlandırma, SSS ve CTA kalıpları sunar; ilgisiz bölümler otomatik doldurulmaz, çıkarılır.

Kaynak, dönüşüm ve performans ifadelerini üretilen bir sayfa için ölçülmüş sonuç olarak değil, hedef olarak kullanır. Şablonlar ayrıca referans, garanti ve ürün iddiası örnekleri içerir; bunlar doğrulanmış girdilerle değiştirilmeli ya da çıkarılmalıdır. SEO meta verileri ve yapılandırılmış veri yararlı bir iskelettir, ancak yine de gerçek sayfaya ve sitenin yönlendirme ile dizinleme politikasına uymalıdır.

Beklenen Çıktılar

Tailwind stilleriyle React veya Next.js TSX açılış sayfası bölümleri
Seçilen bir mesaj çerçevesi etrafında düzenlenmiş metin varyantları
Başlık, açıklama, canonical ve yapılandırılmış veri iskeleti

Örnek Brifi Gör

Brifden İncelemeye

01
Ürün Bilgilerini Toplayın
Hedef kitleyi, birincil eylemi, faydayı ve gerçek fiyatlandırmayı belirleyin. Onaylı kanıtları, henüz doğrulanmamış iddialardan ayırın.
02
Önce Mesajı Yazın
Ürüne uyan bir sorun-çözüm ya da önce-sonra anlatısı seçin, ardından hangi bölümlerin gerçekten gerekli olduğuna karar verin.
03
Oluşturun ve Doğrulayın
Bileşenleri mevcut projede üretin, mobil düzeni ve meta verileri kontrol edin; şablon hedeflerini tekrarlamak yerine gerçek performansı ölçün.

02 Kullanım Alanları

Ne Zaman Kullanılır?

Tailwind içeren uyumlu bir React veya Next.js projesi gerekir; başvurulan arayüz bileşenleri ve isteğe bağlı marka analizi araçları ayrı kurulum gerektirebilir.

Uygun Olduğu Durumlar

Ürün Lansmanı TaslaklarıÜrün bilgileri belli olduğunda ve tutarlı bir ilk uygulama gerektiğinde işe yarar.
Mesaj VaryantlarıAynı doğrulanmış teklifi korurken farklı başlık ve CTA yaklaşımlarını keşfetmeye uygundur.

Kontrol Edilecek Sınırlar

Dönüşüm Garantisi YokBir metin çerçevesi ya da şablon daha yüksek dönüşüm sağladığını göstermez. Bunun için gerçek bir ölçüm planı ve yeterli veri gerekir.
Uydurma Kanıt YokReferanslar, müşteri logoları, garantiler ve sayısal faydalar örnek bileşenden değil, onaylı kaynaklardan gelmelidir.

Bu Girdileri Hazırlayın

Ürün ve Hedef KitleGerçek teklifi, hedef müşteriyi ve sayfanın desteklemesi gereken birincil görevi belirtin.
Teklif ve KanıtGüncel fiyatlandırmayı ve onaylı referans, metrik ya da garantileri sağlayın; mevcut olmayan kanıtları belirtin.
Proje KısıtlarıReact veya Next.js kurulumunu, marka kurallarını ve site genelindeki SEO kurallarını belirtin.

03 Önemli Kararlar

Önemli Kararlar

Bileşenlerden Önce Metin
Önermeyi önce yazmak, bölüm seçimini sabit bir şablon envanterine değil, teklife bağlı tutmaya yardımcı olur.
Taslakta SEO
Meta veriler, canonical yönetimi ve anlamsal yapı, devir aşamasına kadar unutulmak yerine sayfa koduyla birlikte ele alınır.

04 Örnek Görev Tanımı

Odaklı Bir Brif Deneyin

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

Kurulumu İnceleyin

Skill'in tamamını yükleyin ve bileşen örneklerini depoya uyarlayın. Örnek içe aktarmaların ya da site genelindeki SEO dosyalarının zaten var olduğunu varsaymayın.

Yukarı Akış Kaynak Dosyası

https://github.com/alirezarezvani/claude-skills/blob/19392f7a08264ed00486a251f5b2098321771f94/product-team/skills/landing-page-generator/SKILL.md

Tailwind içeren uyumlu bir React veya Next.js projesi gerekir; başvurulan arayüz bileşenleri ve isteğe bağlı marka analizi araçları ayrı kurulum gerektirebilir.

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

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

Örnek Brif

Sağlanan brife göre zamanlama ürünümüz için bir Next.js sayfası taslağı hazırlamak üzere landing-page-generator kullan. Yalnızca verdiğim fiyatlandırmayı ve faydaları kullan, onaylı olmadığı için referansları ve garantileri çıkar, marka tasarım belirteçlerimizi koru. Önce başlık ve CTA varyantlarını yaz, ardından ilgili bölümleri oluştur. Meta veri ve yalnızca desteklenen yapılandırılmış veriyi ekle, ölçülen performansı hedeflerden ayrı raporla.

Sonucu İnceleyin

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

Her iddia ve fiyat ayrıntısı onaylı bir girdiyle eşleşir.
Sayfada net bir birincil eylem ve kullanılabilir mobil bölümler vardır.
Meta veriler ve yapılandırılmış veri görünür içeriği yansıtır; performans sonuçları ölçüm durumuna göre etiketlenir.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sunar. Bu listeleme, skill'in paketle birlikte geldiği anlamına gelmez; harici araçlar, kimlik bilgileri ve yazılım bağımlılıkları dahil değildir.

OpenDesign Dosyasını İndir Hızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak sürümünü anlatır. Yukarı akış davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi: Alireza Rezvani
Depo: alirezarezvani/claude-skills
Skill Dosyası: product-team/skills/landing-page-generator/SKILL.md
Lisans: MIT
İncelenen Anlık Görüntü: 2026-10-07 · 19392f7a0826

Editoryal Kaynak Özeti

Metin çerçevelerini, açılış sayfası bölümlerini ve SEO ya da performans kontrol listelerini birleştiren, ürün brifinden TSX'e uzanan bir iş akışı.

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ını ya da kalite puanını göstermez.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorular

Daha iyi dönüşümü garanti eder mi?

Hayır. Kaynak metin ve düzen kalıpları sunar; bunların iş etkisi gerçek ürün ve hedef kitle üzerinde test edilmelidir.

Her sayfada referanslar ve fiyatlandırma bulunmak zorunda mı?

Hayır. İş akışı ilgisiz bölümlerin atlanmasına açıkça izin verir ve desteklenmeyen kanıt uydurulmamalıdır.

Performans rakamları kanıtlanmış sonuçlar mı?

Bunlar kaynakta belirtilen hedeflerdir. Ulaşılan bir metriği bildirmeden önce ortaya çıkan sayfayı gerçek ortamında ölçün.

OpenDesign

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

Brifinizi, 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.

OpenDesign Dosyasını İndir Tasarım Skill'lerine Göz At