
Demo Anotasi Aplikasi Web Lokal
Menghasilkan pratinjau aplikasi web localhost realistis yang menampilkan overlay anotasi yang digunakan untuk meminta penyesuaian UI dalam alur kerja Build Web Apps.
Ini adalah contoh kasus gpt-image-2 untuk Inspirasi lainnya . Gunakan contoh siap salin di bawah ini untuk menghasilkan visual serupa, dan tinjau atribusi Awesome Nano Banana Pro Prompts serta hak penggunaan komersial sebelum digunakan kembali.
Butuh seluruh rangkaian prompt? Gunakan Inspirasi lainnya Untuk contoh terkait lainnya, kunjungi pusat topik, atau buka Perpustakaan prompt Gambar GPT 2 untuk indeks contoh lengkap, struktur yang dapat digunakan kembali, dan atribusi sumber.
Mengingatkan
Prompt siap salin
Dengan menggunakan REFERENCE_0 sebagai konteks, buat tangkapan layar lanjutan yang menampilkan alat "Build Web Apps" yang dipilih sebagai pratinjau aplikasi web lokal. Ganti tampilan daftar plugin dengan ruang kerja localhost bergaya browser dengan UI putih bersih, bayangan lembut, dan sudut membulat. Perubahan utama: Tampilkan antarmuka pembuatan/anotasi aplikasi sebagai pengganti direktori plugin asli. Tambahkan bilah atas yang menampilkan alamat lokal di sebelah kiri dan tiga ikon jendela/kontrol kecil di sebelah kanan. Tambahkan kapsul status anotasi biru di sudut kanan atas dengan teks "status anotasi" dan menu tiga titik vertikal di sebelahnya. Area konten: Buat UI bergaya galeri yang menampilkan desain poster/kartu berbahasa Mandarin di dalam panel putih membulat. Sertakan baris bilah alat sisi kiri dengan tombol pencarian dan tombol komentar/anotasi biru yang ditandai dengan angka "1". Tampilkan setidaknya dua thumbnail poster/kartu yang terlihat dalam gaya visual tradisional Tiongkok berwarna cokelat gelap, sambil mempertahankan beberapa area placeholder papan catur transparan di panel kanan. Overlay: Tempatkan gelembung input anotasi besar, mengambang, dengan sudut membulat yang berpusat di bagian atas area konten. Gelembung tersebut harus menyerupai editor komentar AI yang tertanam, dengan ikon penggeser/pengaturan di sebelah kiri, berisi teks instruksi berbahasa Mandarin {argument name="comment text" default="Tampilan dan desain keseluruhan tombol ini tidak sesuai; harap sesuaikan."}, tombol "Batal", ikon mikrofon kecil, dan tombol konfirmasi melingkar hitam dengan tanda centang putih. Bagian bawah panel pratinjau sebelah kanan: Tambahkan tiga tombol aksi berlabel "Buka," "Folder," dan "Jalur," masing-masing dengan ikon garis sederhana. Pertahankan realisme tangkapan layar, seolah-olah menggunakan Build Web Apps dengan anotasi HTML bawaan untuk meminta optimasi UI dalam demo produk.Variabel perintah
Placeholder argumen yang dapat diedit ditemukan dalam prompt, beserta nilai defaultnya.
Variabel
local address
Bawaan
127.0.0.1:4392
Variabel
annotation status
Bawaan
Annotating
Variabel
comment text
Bawaan
This button's visual appearance doesn't match the overall design; please adjust it.
Catatan penggunaan kembali dan sumber
Gunakan perintah ini dengan aman setelah melihat pratinjau kasus.
- 1.Salin perintah tersebut atau buka langsung di Dovoo dengan tombol pembuatan.
- 2.Sesuaikan variabel, rasio aspek, dan gambar referensi untuk kebutuhan Anda sendiri.
- 3.Sebelum mempublikasikan atau menggunakan untuk tujuan berbayar, verifikasi hak sumber, persyaratan atribusi, dan risiko merek atau citra.