Cara developer Builder.io menggunakan Claude Code (+ tips terbaik)

Steve Swell dari Builder.io, yang sebelumnya merupakan power user Cursor dan sempat populer lewat tulisan How I use Cursor (+ my best tips), kali ini membagikan tulisan berisi tips bagus tentang Claude Code, jadi saya terjemahkan + ringkas untuk dibagikan. (Di tulisan blog aslinya ada video referensi dan cuplikan kode)

• Gunakan secara terintegrasi di IDE. Namun sekarang saya hanya memakai Cursor untuk autocompletion CMD+K dan tab autocomplete. Mode agent Cursor hanya saya pakai saat Claude Code tidak berhasil.
• Dulu ukuran jendela editor kode lebih besar dan agent ada di samping. Sekarang ukuran jendela Claude Code justru lebih besar.
• Di Builder.io ada satu komponen React tunggal dengan 18.000 baris. Tidak ada AI lain yang bisa menanganinya dengan baik, tetapi Claude Code berhasil.
• Saya memakai paket $100 dan biasanya hanya menggunakan Opus. Kebanyakan orang kemungkinan sudah cukup dengan pengaturan default (50% Opus, lalu Sonnet setelah habis). Untuk memakainya dengan benar, selalu lakukan /clear sebelum memulai pekerjaan baru.
• Flag untuk memberi izin ke Claude Code (claude --dangerously-skip-permissions) ternyata tidak seberbahaya yang dibayangkan, jadi layak dicoba jika mau mengambil risikonya.
• Integrasi GitHub (/install-github-app) untuk melakukan review PR ternyata cukup berguna. Ini juga cukup bagus dalam menemukan error logika dan isu keamanan. Tapi prompt review bawaan kurang bagus, jadi ubah di claude-code-review.yml.
• Menambahkan memori dengan cepat memakai # juga bagus. Claude Code akan menaruhnya ke file memori yang paling sesuai secara otomatis.
• Sistem antreannya bagus. Saat sedang bekerja, hal-hal yang terlupa bisa langsung ditambahkan satu per satu dan semuanya akan ditangani dengan baik. Jika perlu masukan di tengah jalan, lebih baik Claude Code bertanya balik kepada saya daripada asal mengubah tanpa pikir panjang.
• Semakin baik Anda menyiapkan custom hook, slash command, dan pengaturan per proyek, semakin nyaman dipakai, dan Claude Code bisa membantu membuat semuanya jika diminta.
• Bagus juga bahwa di custom command kita bisa memasukkan $ARGUMENTS. Subfolder juga didukung. Jika mengetik /buider/plugin, itu akan mencari plugin.md di folder builder.
• Jika menambahkan ekstensi Builder.io ke IDE, Anda bisa memakai antarmuka chat yang bekerja seperti Claude Code, plus design preview dan visual edit. Mereka melakukan reverse engineering terhadap Claude Code untuk membuat antarmukanya semirip mungkin.
• Hal-hal lain yang mungkin tidak diketahui pengguna baru
  • Shift + Enter tidak membuat baris baru, tetapi bisa diperbaiki dengan /terminal-setup.
  • Saat diintegrasikan ke IDE, file tidak bisa dirujuk hanya dengan drag-and-drop biasa. (Kalau begitu, file itu hanya akan dibuka di IDE.) Seret sambil menahan Shift.
  • Untuk menghentikan Claude, gunakan Esc, bukan CTRL+C.
  • Gambar dari clipboard masuk dengan CTRL+V, bukan CMD+V (bahkan di Mac).
  • Menekan panah atas akan membawa Anda ke chat sebelumnya (bahkan setelah sesi berakhir). Menekan Esc dua kali akan menampilkan semua pesan.