00:00:00Seiring dengan maraknya coding CLI, ada banyak alat berbeda di luar sana yang membantu mengelola agen AI untuk menulis kode bagi Anda.
00:00:06Dalam video hari ini, saya akan menunjukkan beberapa yang utama dan bagaimana perbandingannya.
00:00:10Yang saya gunakan sehari-hari saat ini adalah Conductor, tetapi ini cukup fleksibel dan saya sering berpindah-pindah alat.
00:00:16Beberapa alat lain yang mulai populer termasuk SuperSet, C-Mux, aplikasi Codex juga sebenarnya cukup bagus,
00:00:23dan banyak orang yang hanya menulis di terminal biasa seperti Ghosty, Warp, atau iTerm.
00:00:27Dan tentu saja, orang-orang masih menggunakan alat seperti Cursor atau VS Code.
00:00:31Saya akan fokus pada Conductor, SuperSet, dan C-Mux di video ini karena ini adalah alat-alat baru yang belum banyak dicoba orang.
00:00:36Semua orang tahu cara menggunakan VS Code atau Cursor, jadi saya tidak akan membahasnya terlalu dalam.
00:00:40Jadi, yang pertama adalah Conductor. Inilah yang sebenarnya Anda lihat di layar saya sekarang.
00:00:44Anda bisa melihat saya menjalankan banyak obrolan yang berbeda secara paralel.
00:00:48Ini adalah pekerjaan nyata yang sedang saya lakukan sekarang untuk Inbox Zero.
00:00:50Setiap obrolan di samping ini adalah worktree yang berbeda.
00:00:53Jika Anda tidak terbiasa dengan worktree, fitur ini menjadi sangat populer karena agen AI yang berjalan secara paralel.
00:00:58Cara kerjanya adalah mengambil proyek utama Anda dan pada dasarnya menggandakannya ke folder baru di komputer Anda.
00:01:03Di sini Anda bisa melihat saya memiliki repo Inbox Zero dan saya punya banyak salinannya di komputer.
00:01:08Yang ini bernama Belgrade, lalu Algiers.
00:01:10Masing-masing memiliki nama berbeda, dan itulah yang sebenarnya Anda lihat di bilah samping saya.
00:01:15Setiap bagian pada dasarnya adalah cabang sendiri yang bisa saya kerjakan.
00:01:18Masing-masing juga memiliki PR (Pull Request) sendiri.
00:01:20Jadi perubahan di sini tidak berdampak pada perubahan di bagian sana.
00:01:25Ini seolah-olah Anda memiliki tujuh pekerja karyawan berbeda yang bekerja untuk Anda, agen AI yang berbeda,
00:01:30dan masing-masing mengubah file yang berbeda dan dapat bekerja secara paralel tanpa saling mengganggu.
00:01:35Sekarang untuk menunjukkan cara kerja Conductor, ini hanyalah obrolan biasa.
00:01:38Di sini Anda bisa melihat saya memiliki satu tugas yang sedang berlangsung, jadi saya menyuruh AI untuk melanjutkan pekerjaannya.
00:01:43Dan Anda bisa melihat setelah tugasnya benar-benar siap dan selesai, saya bisa pergi dan memeriksa PR yang terlampir.
00:01:49Saya juga bisa mengeklik di sini untuk menggabungkannya (merge).
00:01:51Saya bisa mengeklik tombol tinjauan di sini, yang akan memunculkan agen baru di tab baru untuk meninjau perubahan di worktree atau cabang ini.
00:01:59Saya juga bisa melihat file-file yang berbeda.
00:02:01Jadi, ini adalah file contoh .env.
00:02:03Dan di sebelah kanan sini, saya memiliki terminal biasa.
00:02:07Nah, karena cara kerja worktree, mereka menyalin dan menempelkan proyek utama Anda ke lokasi baru.
00:02:13Dan itu sering kali berarti Anda perlu melakukan pengaturan ulang untuk folder tersebut.
00:02:17Jadi, sesuatu yang akan Anda lihat di semua proyek yang kita bahas hari ini adalah adanya skrip setup dan skrip run.
00:02:24Skrip setup pada dasarnya berarti saat saya menekan tanda plus untuk mulai mengerjakan fitur baru di worktree baru, ia akan melakukan sesuatu seperti pnpm install atau bahkan menjalankan proyek di port baru.
00:02:35Terserah Anda bagaimana menggunakannya.
00:02:36Tapi biasanya yang akan Anda lihat adalah skrip setup mungkin melakukan pnpm install dan kemudian skrip run benar-benar menjalankan aplikasinya sehingga Anda bisa membukanya di localhost 3000 atau port lainnya.
00:02:46Anda bisa menjalankan setiap worktree di port yang berbeda-beda.
00:02:50Dan ini diperlukan karena setiap worktree memiliki perubahan yang berbeda.
00:02:54Jadi jika Anda menjalankan proyek di satu folder, jelas itu tidak akan menunjukkan perubahan di folder lain di komputer Anda.
00:03:00Hal lain yang sangat bagus adalah Anda bisa melihat status pemeriksaan (checks).
00:03:04Misalnya build Anda atau komentar GitHub.
00:03:07Di sini Anda bisa melihat saya memiliki banyak pemeriksaan yang berjalan dan ada beberapa komentar dari Kubik dan Baz, yang merupakan alat tinjau kode AI.
00:03:15Jika saya mengeklik salah satunya, Anda bisa melihat inilah komentar yang diberikan sebagai bagian dari tinjauannya.
00:03:19Jika mau, saya bahkan bisa menambahkan semua komentar ini ke obrolan di sini dan meminta AI memperbaikinya secara otomatis dengan menekan tombol kirim.
00:03:25Langkah selanjutnya yang ingin saya tunjukkan adalah SuperSet.
00:03:28Di sini Anda bisa melihat ide yang sangat mirip.
00:03:30Anda memiliki semua agen yang berbeda yang berjalan di bilah samping.
00:03:32Sejujurnya, saya rasa banyak proyek berbeda yang terinspirasi oleh Conductor, itulah sebabnya Anda melihat semuanya mengerucut pada antarmuka yang serupa.
00:03:39Anda bisa melihat kemampuan untuk melakukan commit di sebelah kanan.
00:03:41Anda memiliki berbagai file proyek.
00:03:44Dan yang menarik di sini adalah ada pengalaman kelas utama untuk terminalnya.
00:03:49Jadi jika Anda lebih suka menjalankan Claude Code atau Codex secara reguler, Anda bisa melakukannya.
00:03:54Di sini Anda bisa melihat proses eksekusi reguler yang telah terjadi.
00:03:56Mereka memang memiliki antarmuka obrolan sendiri juga.
00:03:58Jadi jika Anda lebih suka itu, saya rasa ini cukup baru.
00:04:00Conductor mendorong Anda menggunakan antarmuka obrolan khusus mereka; dengan SuperSet,
00:04:04Anda memiliki fleksibilitas tersebut.
00:04:06Nah, alasan Anda mungkin ingin menggunakan versi asli dari Claude Code atau Codex adalah karena versi tersebut akan memiliki semua fitur terbaru.
00:04:13Maksud saya adalah mungkin ada pembaruan pada Codex dan ada perintah slash baru.
00:04:18Anda mengetik slash di Conductor dan itu tidak muncul karena mereka belum memperbarui Conductor.
00:04:22Ini sebagian besar adalah pembungkus (wrapper) di sekitar Claude Code dan Codex, tapi tidak satu-ke-satu karena Anda menggunakan antarmuka obrolan mereka.
00:04:29Tapi di sini, idenya mirip dengan menggunakan antarmuka obrolan dari SuperSet, tetapi Anda juga bisa menggunakan CLI secara langsung.
00:04:36Sesuatu yang lain yang akan Anda temukan di SuperSet adalah Anda juga bisa bekerja langsung di cabang utama (main).
00:04:40Anehnya, hal itu agak merepotkan untuk dilakukan di Conductor.
00:04:43Anda tidak bisa bekerja langsung di main di Conductor, sejauh yang saya tahu.
00:04:47Anda harus membuka proyeknya di sesuatu seperti Cursor atau VS Code.
00:04:52Dan omong-omong, saat saya di sini, Conductor juga memiliki hal yang sama.
00:04:54Tapi di sini Anda bisa melihat saya bisa membuka proyek dari SuperSet langsung di editor lain seperti Zed atau apa pun yang saya pilih.
00:05:01Idefya persis sama di sini.
00:05:03Saya bisa membukanya di Finder atau Ghosty atau apa pun yang saya mau.
00:05:06Bagian keren lainnya dari SuperSet adalah Anda bisa membuka tab browser, jadi di sini terlihat Inbox Zero dan ini berjalan langsung di dalam SuperSet.
00:05:15Ini bisa sangat membantu jika Anda sedang mengerjakan kode front-end.
00:05:18Saya juga harus menyebutkan bahwa kedua aplikasi ini sinkron dengan Linear dan GitHub.
00:05:22Jadi Anda bisa membuat worktree baru berdasarkan isu Linear, misalnya.
00:05:27Dan berikut adalah beberapa fitur lain yang dimiliki SuperSet.
00:05:29Saya rasa ini akan sangat menarik saat cloud workspace dan aplikasi selulernya diluncurkan.
00:05:34Saya berasumsi Conductor juga akan melakukan sesuatu yang serupa.
00:05:36Aplikasi-aplikasi ini berubah sangat cepat, seperti yang bisa Anda bayangkan.
00:05:39Dan apa yang kita lihat hari ini mungkin akan menjadi cerita yang sangat berbeda dalam waktu tiga bulan ke depan.
00:05:42Jika saya menunjukkan cara kami benar-benar menggunakan SuperSet, Anda bisa melihat saya bisa memilih antara Codex atau Claude Code atau bahkan banyak opsi lain seperti OpenCode.
00:05:50Saya rasa ini adalah keunggulan lain SuperSet dibandingkan Conductor.
00:05:54Dengan Conductor, Anda terbatas hanya pada Codex dan Claude Code.
00:05:57Di sini saya memiliki banyak opsi lain yang bisa digunakan.
00:05:59Jadi mari kita buat perubahan itu, buat ruang kerja (workspace).
00:06:03Anda bisa melihat ruang kerjanya sedang disiapkan, melakukan beberapa hal.
00:06:06Ia membuka Codex di sini dan Anda bisa melihat secara bersamaan ia melakukan pnpm install di panel lain.
00:06:15Sekarang setelah selesai, saya akan memintanya untuk membuat PR.
00:06:19Ngomong-ngomong, jika Anda perhatikan di samping, cabang kami telah diganti namanya.
00:06:22Kita bisa membuka pratinjaunya di browser, yang mana itu bagus.
00:06:26Dan Anda bisa melihat PR-nya sudah siap.
00:06:27Tautannya sudah disediakan untuk saya di sini.
00:06:29Tapi saya juga bisa melihat di bilah samping bahwa kita berada di PR 1915 dan Anda bisa melihat pemeriksaan sedang berjalan, pengalaman yang sangat mirip dengan Conductor.
00:06:37Saya juga bisa mengeklik di sini dan melihat perubahan atau commit-nya.
00:06:40Jika saya ingin melihat perbandingannya (diff), saya bisa klik di sini dan semoga saya bisa melihat diff-nya di bawah sini, dan Anda bisa melihat pemeriksaan CI juga sedang berjalan.
00:06:48Ini terjadi di hal-hal seperti GitHub Actions dan bot lain yang saya hubungkan.
00:06:52Anda bisa melihat bot Vercel dan Socket Security sudah selesai, sementara peninjau kode AI masih berjalan, begitu juga dengan beberapa tes end-to-end.
00:07:00Sesuatu yang perlu diperhatikan saat menggunakan Superset dan Conductor.
00:07:03Anda bisa mencari file, tetapi saya rasa tidak ada cara untuk mencari kata-kata tertentu.
00:07:07Jadi sering kali Anda harus membuka kodenya di editor lain.
00:07:10Katakanlah saya ingin menemukan ini di dalam proyek.
00:07:12Saya rasa tidak ada cara bagi saya untuk melakukannya di Conductor atau Superset saat ini.
00:07:17Ini tidak terlalu penting, tetapi ada kalanya saya akan membuka editor lain untuk melihat lebih dalam apa yang sedang terjadi.
00:07:24Tetapi untuk sebagian besar waktu sehari-hari, saya hanya di Conductor mengelola agen-agen saya yang berbeda di bilah samping.
00:07:29Dan omong-omong, di sini Anda bisa melihat yang ini.
00:07:31Perubahan ini sekarang sedang dibuat.
00:07:33Saya bisa mengeklik buat PR, bisa juga mengeklik tinjau dan ia akan melanjutkan prosesnya.
00:07:37Jadi ia memiliki banyak tombol bawaan yang bagus yang membuat alur kerja jadi jauh lebih mudah digunakan.
00:07:42CMux adalah alat berikutnya yang akan kita bahas.
00:07:44Tapi sebelum itu, mari kita lihat sekilas seperti apa Ghosty itu.
00:07:46Ghosty hanyalah sebuah terminal.
00:07:48Keren sekali. Anda harus mengunduhnya.
00:07:49Performanya sangat tinggi, dibangun dengan bahasa Zig.
00:07:51Di sini Anda bisa melihat Codex berjalan di Ghosty.
00:07:53Hal yang sama persis. Ini Claude Code berjalan di iTerm2.
00:07:56Dan di sini kita melihat Warp sedang berjalan.
00:08:00Juga terminal yang keren. Yang satu ini menonjol karena Anda bisa menggunakan AI dengan terminal Anda.
00:08:04Dan ia melakukan banyak hal lain seperti pengodean agen (agentic coding).
00:08:07Saya belum banyak menggunakannya untuk itu, jadi saya tidak akan membahasnya lebih dalam.
00:08:10Tetapi ini seperti terminal yang sangat bagus untuk digunakan melalui bahasa alami daripada harus mengetik perintah.
00:08:16Dan di sini Anda bisa melihat seperti apa Warp dalam praktiknya.
00:08:18Tapi beralih ke Cmux, kita bisa melihat bahwa Cmux adalah aplikasi native macOS yang dibangun di atas Ghosty.
00:08:24Ada tab vertikal, lingkaran notifikasi saat agen butuh perhatian, panel terpisah, dan API socket untuk otomatisasi.
00:08:30Beginilah tampilannya. Anda bisa melihat banyak tugas berjalan di samping.
00:08:33Anda juga bisa melihat banyak panel yang berjalan di sini.
00:08:37Dan Anda bahkan bisa melihat tab browser yang berjalan.
00:08:39Dan inilah tampilan Cmux dalam praktiknya saat Anda pertama kali membukanya.
00:08:43Ini hanyalah terminal Ghosty yang sangat berperforma, yang mana bagus, tetapi kemudian Anda bisa mulai melakukan hal-hal lain.
00:08:48Jadi ini mulai bekerja lebih seperti Tmux. Jika Anda tidak terbiasa dengan Tmux, inilah ide di balik Tmux.
00:08:53Di sini Anda bisa melihat Tmux berjalan di terminal saya.
00:08:55Saya bisa melakukan hal-hal seperti panel yang berbeda di dalam Tmux itu sendiri. Ini seperti terminal di dalam terminal.
00:09:00Juga dikenal sebagai terminal multiplexer.
00:09:03Dan di sini Anda bisa melihat saya benar-benar menjalankan Tmux di dalam Cmux, tapi kita akan tinggalkan itu.
00:09:08Dan di sini kita punya Cmux yang sedang berjalan. Dan Anda bisa melihat saya bisa terus membaginya menjadi jendela yang berbeda.
00:09:13Dan ini sangat menyenangkan. Jika saya ingin menjalankan empat Codex yang berbeda secara paralel, saya bisa melakukannya.
00:09:18Dan saya tidak perlu mengelola empat jendela yang berbeda.
00:09:21Tentu saja, saya bisa membuka terminal lain di sini dan berpindah-pindah antar terminal.
00:09:27Dan salah satu hal yang sangat keren tentang Cmux adalah ia memiliki CLI yang bisa Anda panggil.
00:09:32Contohnya, di sini `cmux new split left` dan saya bisa memintanya membuat tab lain untuk saya.
00:09:37Dan Anda bisa bayangkan jika menggunakan Claude Code, ia bisa, misalnya, meluncurkan beberapa agen di banyak tab yang berbeda untuk Anda.
00:09:44Dan Anda juga bisa meminta Claude Code menggunakan CLI Cmux untuk mengontrol hal-hal lain.
00:09:49Jadi, contohnya di sini kita berada di PR 1905.
00:09:52Dan saya bisa mengaturnya hanya dengan memberi tahu Claude Code, "Hei, saya ingin melihat PR di bilah samping di sini."
00:09:59Anda juga bisa memintanya menangani hal-hal seperti notifikasi secara otomatis dan menyesuaikannya.
00:10:04Contohnya, saat Claude Code atau Codex selesai dengan sebuah tugas, mereka bisa memanggil CLI Cmux untuk mengirimi Anda notifikasi yang memberi tahu Anda di tab mana tugas itu berada dan bahwa tugas tersebut sudah selesai.
00:10:14Dan Anda juga bisa menggunakannya untuk hal-hal seperti menjalankan browser dan otomatisasi browser.
00:10:18Misalnya, di sini saya mengetik `cmux browser open getinboxzero.com`.
00:10:21Dan Anda bisa melihatnya muncul di tab baru di sini.
00:10:24Lihat dokumentasinya untuk mengetahui lebih lanjut tentang apa yang bisa dilakukannya.
00:10:27Di sini Anda bisa melihat CLI otomatisasi browser.
00:10:30Di sini Anda bisa melihat bagaimana ia mengelola notifikasi untuk Anda.
00:10:33CMux notify. Mari kita coba yang ini.
00:10:36Dan Anda bisa melihat kita mendapat notifikasi baru. Bagus sekali.
00:10:39Sekarang, ada beberapa perbedaan antara CMux dan Tmux.
00:10:42Tmux sangat bagus untuk, katakanlah, pekerjaan sesi jarak jauh.
00:10:46Jika sesi Anda terputus dari server, Tmux akan tetap berjalan.
00:10:50Cmux hanya untuk Mac, jadi mungkin tidak akan berfungsi di server Anda.
00:10:54Tetapi ini juga berarti jika Anda menjalankannya di komputer dan ingin melanjutkan pekerjaan di ponsel, CMux tidak akan membantu.
00:11:00Saya pribadi menggunakan alat bernama Echo di ponsel saya. Harganya sangat murah, sekitar tiga dolar.
00:11:05Tapi pada dasarnya ia memungkinkan Anda melakukan SSH ke komputer Anda.
00:11:08Dan jika Anda sudah menjalankan sesi Tmux Claude Code, Anda bisa melanjutkannya langsung dari ponsel Anda.
00:11:14Anda bisa menghubungkan komputer dan ponsel Anda dalam jaringan Tailscale yang sama untuk mengaturnya.
00:11:18Dan di sini Anda bisa melihat seperti apa pengalamannya. Dan sebenarnya cukup menyenangkan.
00:11:21Saya tidak terlalu sering menggunakannya, tetapi aplikasinya sendiri sangat sederhana dan halus.
00:11:25Jadi saya sarankan untuk mencobanya juga.
00:11:27Itulah akhir dari videonya. Saya harap ini memberi Anda beberapa ide bagus tentang
00:11:31berbagai alat yang ada di luar sana dan bagaimana Anda bisa menggunakannya.
00:11:34Sejujurnya, semuanya melakukan hal yang hampir sama.
00:11:37Pada akhirnya, Anda hanya mengobrol dengan AI Anda melalui antarmuka yang sedikit berbeda.
00:11:41Bagi saya, hal yang paling penting adalah apakah saya bisa menjalankan banyak agen secara paralel?
00:11:45Cara termudah yang saya temukan untuk melakukannya adalah menggunakan worktree.
00:11:48Saya harus menyebutkan bahwa Cmux tidak memiliki fitur bawaan seputar worktree.
00:11:52Jadi Anda perlu mencari skrip untuk mengaturnya.
00:11:55Tetapi jika Anda menggunakan sesuatu seperti Claude, Anda bisa mengetik `claude worktree`
00:11:58dan ia akan menyiapkan semuanya dalam worktree baru untuk Anda.
00:12:01Worktree adalah fitur bawaan Git, jadi secara harfiah setiap aplikasi yang Anda gunakan dapat memanfaatkannya.
00:12:05Tetapi sesuatu seperti Conductor atau Superset di mana Anda tinggal menekan tanda plus
00:12:09dan Anda mendapatkan worktree baru dengan semuanya sudah disiapkan secara otomatis,
00:12:11Anda tidak perlu khawatir tentang hal itu. Jadi itu sangat bagus.
00:12:14Jika Anda menggunakan sesuatu seperti Cmux, ada skrip daring yang bisa membantu Anda melakukan hal yang sama.
00:12:17Dan sejujurnya, hanya butuh beberapa baris kode untuk membantu Anda melakukan hal yang sama.
00:12:20Saya harap Anda menikmati videonya dan menganggapnya menarik.
00:12:23Pastikan untuk berlangganan untuk video-video mendatang. Dan jika Anda ingin membantu saya,
00:12:26kunjungi GitInboxZero.com. Berikan bintang pada reponya di GitHub. Ini sepenuhnya open source.
00:12:31Ini adalah asisten email AI yang membantu mengelola email Anda dan membantu Anda mencapai inbox zero dengan cepat.