Gunakan PRD dan rules untuk memperbaiki bug nyata: kartu campaign di halaman utama mengarah ke route yang salah. Prompt dibuat sempit, berbasis bukti, dan punya acceptance criteria.
Sekarang kamu sudah punya dua pagar:
textdocs/prd-mini.md
docs/project-rules.mdBaru sekarang kita minta Antigravity menyentuh kode.
Tugas pertama sengaja kecil: memperbaiki link campaign di halaman utama.
Kenapa kecil? Karena perubahan kecil mudah dipahami, mudah direview, dan mudah dibatalkan kalau salah.
Buka file halaman utama:
textsrc/app/page.tsxDi sana ada link campaign:
tsx<Link
key={c.slug}
href={`/campaigns/${c.slug}`}
className="rounded-xl border p-4 transition hover:border-emerald-600"
>Sekarang cek route yang tersedia. Di starter, flow donasi berada di:
text/campaigns/[slug]/donateArtinya link dari halaman utama mengarah ke:
text/campaigns/paket-pangan-keluargaPadahal yang kita butuhkan untuk alur v1 adalah:
text/campaigns/paket-pangan-keluarga/donateIni bug kecil, tapi cocok untuk prompt pertama. Masalahnya jelas, file targetnya jelas, acceptance criteria-nya jelas.
Kalau kamu menulis:
textperbaiki bug link campaignAI mungkin benar, mungkin juga melebar. Ia bisa membuat halaman detail baru, mengubah routing, atau memperbaiki styling yang tidak diminta.
Prompt pertama harus menjaga agent tetap sempit.
Unsur yang perlu ada:
Gunakan prompt ini di Antigravity:
textProject: Platform Donasi Amanah.
Sebelum mengubah kode, baca:
- docs/prd-mini.md
- docs/project-rules.md
- src/app/page.tsx
Masalah:
Di halaman utama, kartu campaign mengarah ke /campaigns/{slug}.
Di starter ini route donasi yang tersedia adalah /campaigns/{slug}/donate.
Akibatnya alur PRD "lihat campaign → donasi" putus karena klik campaign bisa menuju 404.
Tugas:
1. Perbaiki link kartu campaign di halaman utama agar mengarah ke /campaigns/{slug}/donate.
2. Jangan membuat halaman detail campaign baru.
3. Jangan mengubah schema database, migration, validasi, atau styling yang tidak perlu.
4. Jangan mengubah file lain jika tidak diperlukan.
Acceptance criteria:
- Dari http://localhost:3000, klik campaign "Paket Pangan untuk Keluarga" menuju halaman donasi, bukan 404.
- Halaman tujuan menampilkan form donasi.
- Diff hanya menyentuh file yang relevan untuk link ini.
- `npm run lint` dan `npm run build` tetap berhasil.
Setelah selesai, laporkan:
- file yang diubah,
- perubahan yang dilakukan,
- cara saya memverifikasi hasilnya.Perhatikan: prompt ini tidak panjang karena ingin terlihat canggih. Prompt ini jelas karena bug-nya jelas.
Setelah Antigravity bekerja, jangan langsung lanjut.
Cek dulu diff:
bashgit diff --stat
git diffUntuk bug ini, perubahan idealnya kecil. Kemungkinan hanya src/app/page.tsx yang berubah dari:
tsxhref={`/campaigns/${c.slug}`}menjadi:
tsxhref={`/campaigns/${c.slug}/donate`}Kalau agent membuat route baru, mengubah database, atau menambahkan komponen besar, itu bukan solusi yang kamu minta. Minta revert atau revisi.
Jalankan app:
bashnpm run devBuka:
texthttp://localhost:3000Klik campaign Paket Pangan untuk Keluarga.
Yang harus terjadi:
/campaigns/.../donate;Setelah itu jalankan:
bashnpm run lint
npm run buildUntuk bug sekecil ini, build gagal berarti ada efek samping yang tidak boleh diabaikan.
Gunakan prompt revisi seperti ini:
textPerubahanmu terlalu luas untuk bug ini.
Scope yang saya minta hanya memperbaiki link kartu campaign di src/app/page.tsx.
Jangan membuat halaman baru, jangan mengubah schema, dan jangan mengubah styling.
Tolong revert perubahan di luar scope, lalu sisakan perubahan minimal yang membuat link menuju /campaigns/{slug}/donate.Ini bukan galak. Ini bagian dari kerja sebagai pemilik keputusan.
Prompt spec-driven bukan berarti selalu membuat dokumen panjang. Intinya:
Semakin kecil tugas pertama, semakin bagus. Kamu sedang melatih siklus, bukan membuktikan AI bisa menulis banyak kode.
Simpan prompt dan hasil verifikasi:
textdocs/prompts/01-link-campaign-ke-donasi.mdIsi minimal:
md# Prompt 01 — Link Campaign ke Halaman Donasi
Masalah:
- ...
Prompt yang dipakai:
- ...
Diff:
- file berubah: ...
Verifikasi:
- klik campaign: berhasil/gagal
- npm run lint: berhasil/gagal
- npm run build: berhasil/gagal
Catatan revisi:
- ...Kalau kamu belum ingin membuat file notes, minimal simpan catatan ini di tempat yang mudah kamu baca ulang.
npm run lint dan npm run build berhasil.Ini prompt pertama yang benar-benar menyentuh kode. Perubahannya kecil, tapi pelajarannya besar: semakin jelas masalah dan buktinya, semakin mudah kamu mengendalikan agent.
Kuis ini wajib untuk sertifikat. Kamu tetap bisa lanjut ke pelajaran berikutnya dan mengerjakannya nanti.
Ajukan pertanyaan, beri solusi, atau diskusikan materi pelajaran ini.
Belum ada komentar untuk pelajaran ini.
Jadilah yang pertama memulai diskusi atau mengajukan pertanyaan!