v0 by VercelYazılım

Mobil Uyumlu Adım Adım Ödeme Onay Sayfası

v0.dev için sepet özetleri, şık kart giriş alanları ve teslimat adres formlarını içeren adım adım ödeme sayfası arayüzü.

PROMPT KODU / SYSTEM INSTRUCTION

Kıdemli arayüz mühendisi olarak davran. v0.dev üzerinde çalışacak, tamamen mobil uyumlu, adım adım ilerleyen bir e-ticaret ödeme (checkout) sayfası tasarla.

İçermesi gereken bölümler:
1. **Aşama İlerleme Çubuğu (Stepper)**: "Sepet -> Kargo -> Ödeme -> Onay" adımlarını gösteren görsel bar.
2. **Teslimat Formu**: Ad Soyad, Açık Adres, Şehir, Posta Kodu ve Telefon Numarası giriş alanları.
3. **Ödeme Formu**: Kredi kartı görsel simülasyonu içeren; Kart Numarası, Son Kullanma Tarihi ve CVV güvenlik kodu giriş alanları.
4. **Sipariş Özeti Yan Kartı**: Satın alınan ürünlerin listesi, ara toplam, vergi hesabı, indirim kuponu girişi ve parlayan yeşil "Şimdi Öde" onay butonu.
5. **Responsive Yapı:** Masaüstünde yan yana 2 kolon, tablet ve mobil görünümlerde ise alt alta tek kolon düzeni.

💡 Nasıl Kullanılır?

Bu promptu kopyalayarak v0 by Vercel veya tercih ettiğiniz yapay zeka modeline yapıştırın. Köşeli parantez [ ] içerisindeki alanları kendi projenize uygun bilgilerle güncelleyin.

Bu İçerik Faydalı Oldu Mu?

Geri bildiriminizle içeriği geliştirmemize yardımcı olun.

Bu İçeriği Paylaş

Ekibinizle ve sosyal ağlarda anında paylaşın.

"Mobil Uyumlu Adım Adım Ödeme Onay Sayfası" Komut Şablonu ve Uygulama Alanları

Yapay zeka modellerinin verimliliğini en üst seviyeye çıkarmak için doğru komut yapılandırılması (prompt engineering) büyük önem taşır. Bu sayfada sunduğumuz "Mobil Uyumlu Adım Adım Ödeme Onay Sayfası" şablonu, özellikle "Yazılım" kategorisinde karşılaştığınız zorlukları çözmek için tasarlanmıştır.

"v0 by Vercel" modelinin gelişmiş doğal dil anlama ve bağlam analizi becerilerini kullanan bu komut şablonu, günlük işlerinizde size saatlerce zaman kazandırır. Komut içerisindeki parametreleri güncelleyerek özelleştirilmiş çıktılar alabilirsiniz.

Sitemizdeki tüm hazır promptlar, yapay zekaya bir uzman rolü vererek çıktının kalitesini garanti altına alan gelişmiş (role-play, constraint-based) prompt mühendisliği kurallarına göre yapılandırılmıştır.

En iyi çıktıyı almak için prompt metnini kopyaladıktan sonra güncel yapay zeka sürümlerinde çalıştırmanuzu ve çıktıları projenizin özel ihtiyaçlarına göre bir tur gözden geçirmenizi tavsiye ederiz.

Sıkça Sorulan Sorular (SSS)

Bu şablon birincil olarak "v0 by Vercel" için test edilip onaylanmıştır. Ancak ChatGPT, Anthropic Claude, Gemini ve Llama gibi diğer popüler dil modelleriyle de uyumludur.

Prompt metninde yer alan köşeli parantezli [...] alanları kendi projenizin konusu, hedef kitlesi veya verileriyle değiştirerek kolayca özelleştirebilirsiniz.

Tüm yapay zeka uygulamalarında olduğu gibi, en güncel ve zeki sürüm (örneğin ChatGPT Plus, Claude 3.5 Sonnet veya Gemini Pro) en iyi çıktıyı verecektir.