15 Prompt Vibe Coding
untuk Setiap Tahap Membangun
Prompt siap pakai untuk setiap fase pengembangan — dari menulis PRD sampai mengubah tugas jadi skill yang bisa dipakai ulang.
$ claude “Masuk ke plan mode. JANGAN menulis kode apa pun dulu.”
Tahap Perencanaan
01–03
01
Tulis PRD Lengkap
Tulis PRD lengkap untuk fitur di bawah ini.
Fitur: [JELASKAN FITUR]
Pengguna: [SIAPA YANG MEMAKAINYA]
Stack: [STACK KAMU]
Sertakan:
* Pernyataan masalah + metrik keberhasilan
* User story dengan kriteria penerimaan
* Scope: apa yang rilis di v1, apa yang tidak
* Perubahan model data
* Edge case + kondisi gagal
* Pertanyaan terbuka untuk saya jawab
Buat maksimal 2 halaman. Spesifik, tanpa basa-basi.
Simpan sebagai docs/prd-[fitur].md agar setiap prompt
berikutnya bisa mereferensikannya.
02
Buat CLAUDE.md Kamu
Pindai seluruh codebase ini, lalu buat CLAUDE.md.
Sertakan:
* Apa proyek ini, dalam 2 baris
* Tech stack + versi yang penting
* Perintah: [DEV / BUILD / TEST / LINT]
* Arsitektur: di mana semua berada dan kenapa
* Konvensi kode yang benar-benar kamu deteksi di kode
* Aturan keras: [HAL YANG TIDAK BOLEH DITAWAR] —
apa yang tidak boleh disentuh tanpa bertanya
* Jebakan yang akan dihadapi engineer baru di minggu pertama
Tulis aturan sebagai kalimat perintah singkat. Jangan generik
— hanya yang benar-benar berlaku untuk repo INI. Jika ragu
soal suatu aturan, tanyakan ke saya, jangan mengarang.
03
Ultra Plan Mode
Masuk ke plan mode. JANGAN menulis kode apa pun dulu.
Tugas: [TEMPEL TUGAS]
Batasan: [DEADLINE / STACK / ZONA TERLARANG]
1. Baca setiap file yang tersentuh tugas ini, sebutkan satu
baris untuk fungsi masing-masing hari ini
2. Petakan perilaku saat ini vs perilaku target
3. Usulkan 2-3 pendekatan dengan trade-off nyata: kompleksitas,
risiko, blast radius
4. Pilih satu dan jelaskan alasannya dalam 3 baris
5. Pecah menjadi langkah-langkah yang cukup kecil untuk
diverifikasi satu per satu, masing-masing dengan
pengecekannya sendiri
6. Daftar risiko + cara rollback persis untuk masing-masing
7. Tandai apa pun yang menyentuh [AUTH / PEMBAYARAN /
DATA PRODUKSI] untuk persetujuan eksplisit saya
Lalu berhenti. Tunjukkan rencananya dan tunggu persetujuan
saya sebelum menyentuh satu file pun.
Tahap Desain & Spesifikasi
04–05
04
Spec-Driven Development
Kami membangun spec dulu. Tulis spec untuk: [FITUR]
Konteks: [SIAPA YANG MEMAKAI + KENAPA SEKARANG]
Format spec:
* Perilaku: given / when / then, setiap kasus —
jalur normal, edge case, kondisi gagal
* Kontrak API: input, output, bentuk error,
kode status
* Data: perubahan skema + migrasi yang dibutuhkan
* Status UI: loading, kosong, error, sukses
* Non-goals: apa yang sengaja tidak dicakup spec ini
* Checklist penerimaan yang bisa saya verifikasi baris per baris
Setelah saya menyetujui spec, implementasikan PERSIS sesuai
spec. Jika kenyataan memaksa ada penyimpangan, berhenti,
perbarui spec, minta persetujuan saya, baru lanjutkan. Spec
adalah sumber kebenaran, bukan kodenya.
05
Full UI & UX Design Brief
Buat brief desain UI/UX lengkap untuk: [LAYAR ATAU ALUR]
Audiens: [PENGGUNA]
Brand: [WARNA / FONT / VIBE]
Hasilkan:
* Perjalanan pengguna melalui alur, langkah demi langkah
* Layout per layar: hierarki, spacing, breakpoint
* Inventaris komponen dengan setiap state —
hover, kosong, error, loading
* Token tipografi + warna
* Motion: apa yang beranimasi, durasi, easing
* Catatan aksesibilitas
Pelajari pola dari [2-3 PRODUK YANG KAMU KAGUMI]
untuk arah. Jangan pernah meniru langsung.
Tahap Implementasi
06–07
06
Rencana Implementasi
Buat rencana implementasi untuk: [SPEC / PRD YANG DISETUJUI]
Aturan:
* Urutkan langkah agar aplikasi tetap bisa dicompile dan
dijalankan setelah SETIAP langkah
* Setiap langkah: file yang disentuh, apa yang berubah,
cara saya memverifikasinya
* Tandai langkah yang butuh migrasi atau dependency baru
* Dahulukan risiko/ketidakpastian terbesar
* Ukur tiap langkah: [S / M / L]
Hasilkan urutan build bernomor yang bisa saya jalankan satu
langkah pada satu waktu. Tunggu kata “lanjut” dari saya di
antara langkah.
07
Pasang Server MCP
Pasang server MCP untuk: [LAYANAN / API]
Yang saya butuhkan: [PEKERJAAN YANG HARUS DISELESAIKAN]
1. Cek dulu apakah ada server resmi atau yang terawat
dengan baik — sebutkan sumbernya
2. Jika ada: perintah instalasi persis + konfigurasi
.mcp.json, discope untuk proyek ini
3. Jika tidak ada: buat sendiri dengan MCP SDK —
tools, auth, error handling, respons bertipe
4. Tambahkan HANYA tools yang benar-benar akan saya pakai:
[DAFTAR]
5. Sambungkan secret lewat [ENV VARS], jangan pernah
hardcode key di file konfigurasi
6. Verifikasi koneksi dan panggil satu tool end-to-end,
tunjukkan hasilnya
7. Dokumentasikan tiap tool dalam 1 baris agar sesi
mendatang tahu kapan harus memakainya
Tahap Pengerasan & Perawatan
08–15
Hubungkan Database Kamu
judul sajaTemukan Celah Keamanan
judul sajaDebug Error dengan Cepat
judul sajaUji E2E Aplikasi Kamu
judul sajaBersihkan Kode Mati
judul sajaTulis Git Commit yang Rapi
judul sajaHooks sebagai Guardrail
judul sajaUbah Tugas Jadi Skill
judul saja
Isi prompt lengkap untuk nomor 08–15 tidak ikut terlihat di gambar yang diunggah — hanya judulnya yang tampak pada gambar ringkasan. Kirim gambar prompt lengkap untuk nomor tersebut kalau mau saya lengkapi kartunya.