Tutorial

Rencanakan dan implementasikan fitur kompleks

Gunakan Plan mode Bob untuk membuat cakupan, meninjau, dan mengimplementasikan fitur kompleks dengan agen coding AI. Pelajari cara menulis planning prompt, menyempurnakan rencana yang dihasilkan, dan menjalankan implementasi di Agent mode.

Dalam tutorial ini, kamu menggunakan Plan mode Bob untuk membuat rencana implementasi terstruktur untuk menambahkan kelas kursi ke aplikasi demo Galaxium Travels. Kamu kemudian menyetujui rencana dan membiarkan Bob mengimplementasikan fitur tersebut di seluruh layer front-end, back-end, dan database.

Prasyarat

Kenapa pakai Plan mode

Bob adalah autonomous agent. Ketika kamu menggunakan prompt yang samar, Bob mengisi celah dengan asumsinya sendiri. Asumsi tersebut mungkin tidak sesuai dengan maksudmu, bahkan jika secara teknis akurat.

Ketika kamu membuat rencana, Bob menghasilkan set file Markdown yang mendeskripsikan cakupan, keputusan arsitektur, dan langkah implementasi yang berurutan. Karena rencana terpisah dari implementasi, kamu bisa membacanya, mempertanyakannya, dan menyempurnakannya sebelum Bob menulis kode apapun.

Setup lingkunganmu

Clone kode demo Galaxium Travels.

git clone -b bob-learning-path-branch https://github.com/IBM/galaxium-travels

Di Bob, klik File lalu Open Folder.

Navigasi ke direktori galaxium-travels yang kamu clone dan buka.

Inisialisasi Bob di proyekmu

Jalankan /init di panel chat Bob.

/init

Klik Approve todo tools for task untuk membuat file.

Cara menulis Plan prompt

Prompt yang kamu tulis di Plan mode menjadi spesifikasi yang diikuti Bob. Sebelum mengetik, jawab empat pertanyaan ini:

  • Apa yang dilakukan fitur ini, dan apa yang tidak? Cakupan eksplisit mencegah Bob menambahkan pekerjaan yang tidak kamu minta.
  • Layer mana yang disentuh fitur ini? Misalnya, UI, API, dan database.
  • Batasan apa yang berlaku? Batas jumlah file, konvensi penamaan, persyaratan backward compatibility.
  • Seperti apa selesainya? Kriteria penerimaan yang konkret.

Buat rencana

Gunakan Plan mode untuk membuat rencana.

Beralih ke Plan mode

Pilih Plan dari pemilih mode di antarmuka chat.

Gunakan Plan mode

Buat rencana

Jalankan prompt berikut di field input:

I want to add seat classes to Galaxium Travels. Passengers should be able to choose Economy, Business, or Galaxium class when booking a flight.

Scope:
- Update the booking UI to show a seat class selector
- Update the back-end booking API to accept and store the selected class
- Update the database schema to add a seat_class column to the bookings table
- Do not add admin dashboard changes — that is out of scope

Constraints:
- Create a folder called `plans` in the galaxium-travels folder
- Do not create more than three plan files
- Keep the database change backward compatible

Done when: A user can select a seat class during booking and the selected class is saved and displayed in their booking confirmation.

Klik Approve skill tools for task dan Approve subagent tools for task untuk menyetujui permintaan.

Bob menempatkan file rencana di folder plans sebagai file Markdown.

Tinjau rencana

Tinjau rencana di folder plans. Cari:

  • Kesesuaian cakupan: Apakah rencana mencakup semua yang kamu minta?
  • Bahasa yang samar: Cari frasa seperti "tambahkan sesuai kebutuhan". Ganti dengan instruksi spesifik.
  • File yang disebutkan: Setiap langkah harus mengidentifikasi file yang disentuhnya.

Iterasi pada rencana

Jika rencana tidak sesuai maksudmu, minta Bob merevisinya dalam percakapan Plan mode yang sama.

Implementasikan fitur baru

Mulai percakapan baru

Klik tanda plus di bagian atas antarmuka chat untuk memulai percakapan baru dan membersihkan context window.

Mulai percakapan baru di agentic chat sidebar

Beralih ke Agent mode

Pilih Agent dari pemilih mode.

Bangun fiturnya

Submit prompt ini untuk mengimplementasikan fitur:

Build the features in the plans folder
@plans/

Bob memintamu Approve todo tools for task dan Approve edit tools for task. Setujui kedua permintaan.

Langkah selanjutnya

Pelajari cara kerja context window Bob di Create a new context window.

Jelajahi Add Bob capabilities untuk memperluas kemampuan Bob di proyekmu.

Bagaimana topik ini?