Panduan Prompt
Tentukan sebelum Anda mengetik, bangun secara bertahap, gunakan konten nyata, dan arahkan setiap permintaan ke agen yang tepat. Kebiasaan ini mengubah ide satu baris menjadi hasil yang selesai.
Tentukan sebelum Anda mengetik, bangun secara bertahap, gunakan konten nyata, dan arahkan setiap permintaan ke agen yang tepat. Kebiasaan ini mengubah ide satu baris menjadi hasil yang selesai.
Mulai di chat proyek. Buka chat untuk proyek yang ingin Anda ubah, lalu pilih atau sapa agen yang perannya sesuai dengan pekerjaan tersebut. Jika Anda tidak yakin agen mana yang cocok, minta tim untuk menjelaskannya sebelum mulai membangun.
Panduan ini mengumpulkan teknik-teknik yang secara konsisten memberikan hasil lebih baik dari tim agen Anda. Tidak satu pun memerlukan kemampuan khusus. Semua ini tentang apa yang Anda katakan, bukan bagaimana Anda memformatnya. Baik Anda sedang menulis permintaan pertama Anda atau menyempurnakan proyek yang sudah matang, prinsip yang sama tetap berlaku: pemikiran yang jelas masuk, hasil yang jelas keluar.
Biarkan tim bertanya sebelum mulai membangun
Salah satu cara paling efektif untuk mendapatkan hasil yang lebih baik: ketika sebuah permintaan besar atau samar, undang pertanyaan alih-alih berharap tim menebak dengan benar. Nyatakan apa yang Anda inginkan, lalu tambahkan satu baris di akhir:
Tanyakan apa pun yang Anda perlukan untuk sepenuhnya memahami apa yang saya inginkan sebelum Anda mulai.
Anda sering akan mendapatkan pertanyaan yang tidak terpikirkan oleh Anda untuk dijawab sendiri, baik itu tentang kasus tepi, audiens, maupun trade-off. Menyelesaikannya di awal hanya memakan satu menit; menemukannya setelah proses build memerlukan pengerjaan ulang. Hasilnya akan jauh lebih dekat dengan maksud Anda pada percobaan pertama.
Langkah 1: Tentukan sebelum Anda mengetik
Ketahui apa yang Anda bangun
Beberapa menit berpikir di awal dapat menghemat banyak prompt ulang nanti. Sebelum memulai, pastikan Anda dapat menjawab empat pertanyaan sederhana: apa yang Anda bangun, untuk siapa, mengapa mereka akan menggunakannya, dan tindakan utama apa yang Anda ingin mereka lakukan.
Tindakan utama itu sering disebut CTA, singkatan dari call to action. Ini adalah tombol, tautan, atau langkah berikutnya yang paling Anda ingin pengguna pilih, seperti Sign Up, Book a Demo, Start Free, atau Buy Now.
Anda tidak perlu menulis spesifikasi lengkap. Tujuannya hanya untuk memberi proyek arah yang jelas. Semakin spesifik titik awal Anda, semakin mudah menghasilkan hasil yang sesuai dengan apa yang Anda bayangkan.
Buat situs satu halaman untuk app penganggaran yang ditujukan bagi pekerja lepas. CTA utamanya adalah “Start Saving Smarter.” Gunakan tampilan yang berani dan ekspresif dengan tipografi besar dan warna-warna yang mencolok.
Sketsakan perjalanan, bukan hanya layar
Desain yang baik hidup di antara layar sama seperti di dalamnya. Telusuri jalur yang ditempuh pengguna Anda: apa yang mereka lihat pertama kali, apa yang membangun kepercayaan, apa yang memberi mereka keyakinan untuk bertindak, dan ke mana tindakan itu mengarah? Bahkan sketsa tiga bagian, hero, bukti, call to action, membuat permintaan Anda jauh lebih efektif, karena setiap bagian kini memiliki alasan untuk ada dan alasan untuk mengarah ke bagian berikutnya.
Tetapkan arah visual sejak awal
Gaya jauh lebih mudah ditetapkan daripada dipasang belakangan. Pilih satu arah: tenang dan elegan, berani dan disruptif, premium dan sleek, lalu nyatakan dalam permintaan pertama Anda menggunakan kata-kata nada yang dapat ditindaklanjuti tim: minimal, playful, sinematik, berfokus pada developer. Kata-kata ini lebih dari sekadar dekorasi: kata-kata ini membentuk tipografi, spasi, warna, bayangan, dan radius sudut sejak komponen pertama. Gunakan kembali baris gaya yang sama dalam permintaan berikutnya agar semuanya tetap kohesif.
Gunakan desain yang tenang dan terinspirasi dari wellness: gradasi lembut, warna bumi yang redup, sudut membulat, padding yang lapang. Nada keseluruhan lembut dan menenangkan.
Langkah 2: Tulis permintaan yang tepat sasaran
Jelaskan hasil, bukan implementasi
Jelaskan hasil yang Anda inginkan, bukan langkah-langkah untuk membangunnya. Misalnya, “Tambahkan bagian harga dengan tiga opsi dan buat yang di tengah menonjol” lebih berguna daripada menjelaskan secara persis bagaimana halaman harus disusun. Fokus pada apa yang harus muncul dan mengapa itu penting; tim dapat memutuskan bagaimana cara membangunnya.
Bekerjalah per bagian, bukan per halaman
Permintaan yang dibatasi pada satu komponen — hero, grid fitur, baris testimoni, tabel harga — memberi Anda kejelasan dan kontrol. Jika satu bagian meleset, Anda menyesuaikan bagian itu alih-alih menghasilkan ulang semua yang ada di sekitarnya. Bangun satu blok, tinjau, sempurnakan, lalu lanjut ke berikutnya. Permintaan satu halaman penuh menghasilkan noise; permintaan komponen menghasilkan signal.
Buat bagian fitur: judul terpusat, lalu tiga kartu berdampingan, masing-masing dengan ikon, judul, dan satu baris deskripsi. Bayangan lembut, sedikit terangkat saat hover.
Gunakan kata-kata nyata
Teks placeholder menyembunyikan masalah; copy nyata menampakkannya. Judul nyata mungkin membutuhkan dua baris; CTA nyata mungkin bekerja lebih baik sebagai kata kerja. Tulis apa yang benar-benar akan dibaca pengguna, meskipun masih berupa draf, tata letak, spasi, dan keputusan desain semuanya membaik ketika kontennya nyata.
Judul hero: “Design Calmly.” Subteks: “Turn stress into structure.” CTA: “Start Building Free.” Tata letak berpusat pada copy dengan spasi vertikal yang lapang.
Sebutkan elemen yang nyata
Gunakan kata-kata yang jelas dan spesifik untuk menjelaskan apa yang Anda inginkan di halaman. Anda tidak perlu mengetahui terminologi desain—cukup sebutkan hal-hal yang harus dilihat atau digunakan pengguna, seperti kartu profil, tombol, atau formulir.
Permintaan yang spesifik lebih mudah dibangun daripada yang luas. Mulailah dengan elemen dasar yang Anda butuhkan, lalu tambahkan detail satu per satu.
Buat kartu profil dengan foto, nama, dan tombol ikuti. Tambahkan label kecil “Verified” di samping nama, dan tampilkan penjelasan singkat saat seseorang mengarahkan kursor ke sana.
Langkah 3: Ubah dengan presisi
Tentukan cakupan setiap perubahan: apa yang berubah, apa yang tetap
Saat menyesuaikan pekerjaan yang sudah ada, jelaskan dengan tegas kedua sisinya, apa yang harus berubah dan apa yang tidak boleh berubah. Gunakan kata-kata arahan seperti “replace,” “update,” dan “adjust” daripada “make this better,” dan batasi bagian-bagian yang Anda sukai. Presisi di sini adalah yang mencegah iterasi berubah menjadi regresi.
Ubah teks CTA menjadi “Get Started” dan tingkatkan padding horizontalnya. Pertahankan warna, font, dan semua hal lain di bagian ini tetap tidak berubah.
Satu perubahan bermakna pada satu waktu
Perbarui copy, lalu tata letak, lalu interaksi dan periksa setiap hasil sebelum permintaan berikutnya. Langkah-langkah kecil yang disengaja akan terakumulasi menjadi produk yang rapi; sepuluh perubahan dalam satu pesan akan terakumulasi menjadi ambiguitas, dan ketika sesuatu salah Anda tidak akan tahu perubahan mana yang menyebabkannya.
Koreksi di tengah tugas terjadi di chat. Saat Prompt Queue tersedia di chat Anda dan pekerjaan Agen sedang aktif, pesan tindak lanjut akan masuk antrean di belakang pekerjaan yang sedang berjalan. Pastikan pesan Anda muncul di antrean sebelum mengirim salinan lain. Jika kontrol antrean tidak terlihat, jangan kirim ulang: tunggu pekerjaan saat ini selesai, atau gunakan kontrol interupsi jika chat Anda menyediakannya, lalu konfirmasikan status tugas sebelum mengirim tindak lanjut. Lihat chat proyek untuk detail.
Pikirkan satu langkah di depan UI
Jika proyek Anda perlu melakukan lebih dari sekadar terlihat rapi, tentukan perilaku bersamaan dengan tampilannya. Jelaskan apa yang dilihat pengguna saat masuk atau keluar, dari mana konten dinamis berasal, dan bagaimana antarmuka menangani status kosong, memuat, dan error. Anda tidak memerlukan backend yang berfungsi untuk mendesain skenario-skenario ini—merencanakannya sejak awal membantu mencegah pengerjaan ulang UI besar di kemudian hari.
Jika pengguna sudah login, tampilkan avatar dan nama mereka di kanan atas. Jika tidak, tampilkan tombol “Log In” yang mengarah ke layar auth.
FAQ
Bagaimana cara menulis prompt yang efektif untuk agen AI?
Susun prompt Anda dengan elemen-elemen kunci berikut:
1. Konteks — Tetapkan situasinya. Jelaskan apa yang sedang Anda bangun dan di mana posisi saat ini.
2. Tujuan — Jelaskan secara spesifik hasil atau fitur persis yang Anda inginkan.
3. Persyaratan & Batasan — Daftarkan dengan jelas apa yang harus berubah dan apa yang harus tetap tidak tersentuh.
4. Hasil yang Diharapkan — Definisikan seperti apa keberhasilan itu (misalnya, perilaku UI, penanganan error, persistensi status).
5. Referensi — Lampirkan screenshot, tautan, langkah alur kerja, atau contoh kode jika memungkinkan. Hapus kata sandi, kode verifikasi, API keys, cookies, data pribadi, dan detail pembayaran sebelum membagikannya.
Contoh: "Saya sedang membangun dashboard dengan sidebar. Tambahkan tombol logout di bagian bawah sidebar. Tombol itu harus menghapus sesi dan mengarahkan ke /login. Jangan ubah tata letak sidebar atau tautan navigasi. Setelah diklik, pengguna harus melihat halaman login dalam 1 detik."
Bagaimana saya harus menangani permintaan kompleks yang melibatkan banyak fitur?
Untuk permintaan yang kompleks, pecahlah menjadi tugas-tugas yang lebih kecil:
1. Nyatakan masalah saat ini dan tujuan akhirnya.
2. Daftarkan setiap sub-tugas secara terpisah (tugas 1, tugas 2, tugas 3).
3. Verifikasi setiap tugas sebelum melanjutkan ke tugas berikutnya.
4. Uji alur lengkap di akhir.
Pendekatan ini mengurangi perubahan tak terduga akibat meminta Agen melakukan terlalu banyak hal sekaligus. Setiap prompt harus berfokus pada satu hasil yang dapat diverifikasi.
Bagaimana cara menulis prompt untuk memperbaiki bug?
Prompt perbaikan bug yang berguna harus mencakup:
- Halaman, fitur, environment, dan pengguna yang terdampak
- Langkah-langkah persis untuk mereproduksi masalah
- Perilaku aktual dan perilaku yang diharapkan
- Teks error lengkap dan kapan itu terjadi
- Screenshot atau log yang relevan, dengan kata sandi, token, cookies, data pribadi, dan detail pembayaran sudah dihapus
- Apa yang harus tetap tidak berubah
- Cara memverifikasi perbaikannya dan pemeriksaan regresi apa yang harus dijalankan
Contoh: “Di halaman checkout dalam Preview, memilih Submit menghasilkan error 500. Diharapkan: pesanan dikonfirmasi dan pengguna mencapai halaman terima kasih. Reproduksi: [langkah-langkah]. Perbaiki penyebabnya tanpa mengubah total keranjang atau alur pembayaran, lalu verifikasi satu kasus pembayaran berhasil dan satu kasus pembayaran ditolak. Saya telah menghapus semua nilai rahasia dari log terlampir.”
Bagaimana cara menulis prompt untuk memodifikasi tata letak atau styling halaman?
Saat meminta modifikasi halaman, sertakan:
1. Halaman, modul, dan elemen spesifik yang akan dimodifikasi.
2. Status saat ini dan hasil target.
3. Tautan referensi atau screenshot.
4. Fitur yang harus tetap tidak berubah.
5. Kriteria penerimaan (misalnya, harus berfungsi baik di desktop maupun mobile).
Contoh: "Di halaman /pricing, ubah grid kartu paket dari 2 kolom menjadi 3 kolom di desktop. Pertahankan tata letak mobile sebagai satu kolom. Gunakan screenshot ini sebagai referensi [lampirkan]. Jangan ubah konten kartu atau gaya tombol."
Apa yang harus saya lakukan ketika agen terus membuat perubahan yang salah meskipun sudah dikoreksi?
Ketika Agen berulang kali meleset dari sasaran, menambahkan lebih banyak instruksi terkadang justru menimbulkan lebih banyak kebingungan. Sebagai gantinya:
1. Pertahankan status saat ini — Berhenti mengirim koreksi yang saling tumpang tindih. Jika chat Anda menampilkan kontrol Revert, baca teks konfirmasinya sebelum menggunakannya, catat perubahan-perubahan setelahnya yang perlu Anda pertahankan, dan verifikasi proyek setelahnya. Jika cakupannya tidak jelas, jangan lanjutkan; gunakan panduan chat proyek atau hubungi Support dengan Chat Link yang sudah disunting dan screenshot.
2. Bersihkan noise — Alih-alih menambahkan instruksi ekstra di atasnya, nyatakan ulang masalah inti dengan jelas dari awal.
3. Satu tugas pada satu waktu — Fokuslah memperbaiki satu masalah sebelum beralih ke yang berikutnya.
Mengambil langkah mundur dan menangani perubahan secara bertahap biasanya menyelesaikan masalah jauh lebih cepat daripada mencoba memperbaiki banyak masalah yang saling tumpang tindih dalam satu prompt.