Yerel Web Uygulaması Açıklama (Annotation) Demosu

Build Web Apps iş akışında arayüz düzenlemeleri talep etmek için kullanılan bir açıklama katmanını gösteren gerçekçi bir localhost web uygulaması önizlemesi oluşturur.

Komut
REFERENCE_0'ı bağlam olarak kullanarak, seçili “Build Web Apps” aracını yerel bir web uygulaması önizlemesi olarak çalışırken gösteren bir takip ekran görüntüsü oluşturun. Eklenti listesi görünümünü 127.0.0.1:4392 adresinde, temiz beyaz bir arayüz, yumuşak gölgeler ve yuvarlatılmış paneller içeren tarayıcı benzeri bir localhost çalışma alanıyla değiştirin. Ana değişiklik: orijinal eklenti dizini yerine bir uygulama oluşturma/açıklama arayüzü gösterin. Sol tarafta yerel adresin bulunduğu ve sağ tarafta tam olarak 3 küçük pencere/kontrol simgesinin yer aldığı bir üst çubuk ekleyin. Sağ üst köşeye 正在注释 metnini içeren mavi bir açıklama durumu hapı ve yanına dikey üç noktalı bir menü ekleyin. İçerik alanı: yuvarlatılmış beyaz paneller içinde Çince poster/kart tasarımlarına sahip galeri tarzı bir arayüz oluşturun. İçinde bir Arama butonu ve üzerinde “1” yazan bir rozet bulunan mavi bir yorum/açıklama butonu olan bir sol araç çubuğu satırı ekleyin. Koyu kahverengi geleneksel Çin görsel stilini kullanarak en az iki görünür poster/kart küçük resmi gösterin ve sağ panelde bazı dama tahtası desenli şeffaf yer tutucu alanlar bırakın. Katman: içeriğin üst-orta kısmına yakın bir yere ortalanmış, büyük, yüzen ve yuvarlatılmış bir açıklama giriş balonu yerleştirin. Bu balon, satır içi bir yapay zeka yorum düzenleyicisi gibi görünmeli; solunda bir kaydırıcı/ayarlar simgesi, 这个按钮的视觉和整体设计不符合,调整一下。 Çince talimat metni, bir “取消” iptal butonu, küçük bir mikrofon simgesi ve üzerinde beyaz bir onay işareti bulunan siyah dairesel bir onay butonu içermelidir. Sağ önizleme panelinin alt kısmı: her biri basit bir çizgi simgesine sahip “Open”, “Folder” ve “Path” etiketli tam 3 aksiyon butonu ekleyin. Ekran görüntüsünü, Build Web Apps kullanımının ve arayüz iyileştirmeleri talep etmek için yerleşik HTML açıklama özelliğinin bir ürün demosu gibi gerçekçi tutun.

Referans görseller

Bu prompt nasıl kullanılır

  1. 1

    Yukarıdaki tam prompt'u kopyalayın.

  2. 2

    GPT Image 2'i destekleyen bir platform açın (örneğin YouMind) ve prompt'u yapıştırın.

  3. 3

    Konuyu, stili veya ayrıntıları fikrinize göre değiştirin ve üretin.

Bu, YouMind'ın prompt kütüphanesinden ücretsiz bir AI prompt'udur. Kopyalayıp uyarlayabileceğiniz binlerce görsel prompt'u daha keşfedin.

Daha fazla görsel prompt'u keşfet

Daha Fazla Prompt Özelliği

Yapay Zekâ Kütüphanesi

Yapay zekayla prompt arama

Yapay zekanın on binlerce komutu taramasına izin ver. Modele, tarih aralığına ve anahtar kelimeye göre filtrele; görüntülenme, kaydetme, paylaşım gibi etkileşim metriklerine göre sırala.

Görsel Araçlar

Görselden Prompt'a

Her fotoğrafı ayrıntılı bir AI görsel prompt'una dönüştürün. Ücretsiz görselden prompt'a dönüştürücü kompozisyonu, stili ve ışığı analiz eder; istediğiniz görünümü saniyeler içinde yeniden yaratırsınız.

Yaratıcılar için geliştirildi. Sonsuza kadar ücretsiz.

YouMind, dünya çapında yaratıcıların güvendiği AI yaratıcı yardımcıdır. Buradaki her prompt daha hızlı ve daha iyi üretmen için özenle seçildi.

Daha fazla prompt keşfet