Alat Pengkodean Agen
Ringkasan Episode
Bantu KoreksiEpisode ini membahas tentang Agentic Coding Tools, yaitu tools AI yang dapat membantu developer dalam menulis kode secara lebih efisien. Ivan dan Eka berbagi pengalaman mereka menggunakan berbagai tools seperti Cursor, Claude Code (Ampcode), Gemini CLI, dan GitHub Copilot. Diskusi mencakup evolusi dari ChatGPT web interface, ke Copilot autocomplete, hingga era agentic coding saat ini di mana AI bisa membuat file, menjalankan terminal, dan mengerjakan task secara mandiri. Mereka juga membahas pentingnya spec-driven development dan design system untuk mengontrol output AI agar tetap konsisten. Episode ini juga menyentuh topik burnout karena terlalu asyik bermain dengan AI, serta tips praktis seperti menggunakan VPS untuk menjalankan agentic coding agar lebih aman dari risiko halusinasi AI yang bisa menghapus file penting.
Poin-poin Utama
- β’Agentic AI berbeda dari AI biasa karena memiliki tools, memory, dan reasoning loop yang memungkinkan AI mengerjakan task sampai selesai
- β’Evolusi coding assistant: dari ChatGPT web β Copilot autocomplete β Cursor inline chat β CLI-based agents (Claude Code, Gemini CLI)
- β’Spec-driven development penting untuk mengarahkan AI agar tidak melantur dan tetap sesuai dengan requirement
- β’Design system dan design token membantu menjaga konsistensi output AI, terutama untuk styling dengan Tailwind CSS
- β’Disarankan menggunakan VPS untuk agentic coding untuk menghindari risiko AI menghapus file penting secara tidak sengaja
- β’Context window AI terbatas (seperti ingatan ikan Dory), sehingga dokumentasi dan persistent context sangat penting
- β’Tools populer saat ini: Cursor, Claude Code (Ampcode), Gemini CLI, GitHub Copilot, Kiro, dan berbagai UI generators seperti Loveable dan Bolt
[Musik]
Dapatkan hanya di Dominesia
[Musik]
Halo, Halo, Halo, selamat malam
Selamat malam semua, apa kabar?
Sehat, sehat semua
Teman-teman yang ada di Youtube, yang di LinkedIn dan di mana saja ya, mendengarkan
Saya masih seger
Tau menonton, ada yang dengerin, ada yang nonton ya
Iya
Gimana kondisi-kondisi di rumah mas...
Banjir, banjir
Masih aman?
Kayaknya dua hari ini udah aman
Yang...
Udah aman ya
Iya
Bagaimana bisa jogging tadi?
Hoi
Oh iya ngomongin jogging, katanya itu apa?
AI bisa membuat burnout
Iya, makanya lari
Kenapa tuh?
Halo Valeri, kenapa AI bisa membuat burnout?
Karena seru sekali mainan AI
Agentik, agentik coding
Oh gak bisa berhenti gitu ya?
Gak bisa berhenti
Ada aja yang mau dikerjain gitu ya
Ada aja, jadi ada ide, ada ide tuliskan, analisasi
Lihat transkrip lengkap (2507 segmen lagi)
Jadi...
Terus, eksekusi langsung gitu ya?
Iya, bahkan pernah eksekusi sekaligus kayak 6 para agent jalan
Tapi saya gak pakai kayak Ralph, kayak, pakai kayak Beat
Manual aja?
Kayak, kayak masih manual, tune in satu-satu gitu
Kayak dia selesai
Ya intinya, kayak, kayak lagi mendidik 6 junior
Ngetesting satu-satu
Oh ini masih salah, ini masih salah, ini masih salah
Oh iya, lu salah jalan, balik arah, balik arah gitu
Dan, lelah-lelah ternyata
Terus bisa...
Oh lelah ya, itu kayak...
Apa?
Ngatur-ngatur si AI ya, mencet-mencet AI ya
Cape juga ya, lemah-lemah ya
Mulai dari pagi, makan siang, sore, jemput anak, segala macam
Sampai malam jam 2, jam 3 masih nyala saya
Iya tuh, gara-gara...
Tau gak kapan istirahatnya?
Istirahatnya saat token, menunggu token reset
Oh token resetnya
Iya tuh, banyak juga yang menyarankan
Pokoknya, mumpung ada token, sebelum tidur harus
Paksa sih, AI melakukan sesuatu
Iya, kan saya masih tim care for eh, mendang-mending
Kalau udah bayar tuh pengen maksimal
Oh gitu ya
Jadinya, cape sendiri
Tapi seru sih, seru
Seru ya
Oh cape nya cape seru ya, bukan cape lelah atau ini ya
Bukan lelah hati
Terlalu seru ya
Iya
Karena terlalu banyak yang bisa dikerjakan gitu ya
Kalau kemarin-kemarin kan kayaknya, ah gak ada bandwidth nih
Ya udahlah, tunda dulu atau tumpakan gitu ya
Iya, iya
Duh, kalau ini susah, sudah lah nanti aja lah kapan-kapan
Sekarang...
Cursor anti-gravity always 100% CPU
Aduh, anti-gravity sih enggak ya
Kalau cursor saya gak pakai AI-nya
Jadi saya...
Coba pakai yang CLI, coba pakai yang CLI
Cursor ada CLI-nya
Gemini ada walaupun belum se-power core anti-gravity
Tapi gemini itu lebih polos tau gak sih, daripada anti-gravity
Iya
Lebih raw, kalau anti-gravity itu sudah open nit banget
Kayaknya ada sistem prom-nya dia deh
Sistem prom-nya yang dibentuk ya
Ya, seperti yang saya bilang minggu lalu
Sebenarnya gemini CLI itu potensial
Apalagi dia open source
Cuma kayaknya belum terlalu difokuskan
Fokusnya masih ke anti-gravity sekarang
Karena lagi traction kan
Dan lebih user-friendly lah ya
Non-developer bisa pakai gitu
Kalau gemini CLI kayaknya agak susah ya
Kalau laptop kentang, iya bisa pakai gemini CLI
Kalau mau lebih canggih lagi bikin VPS gitu kan
SS aja ke situ
Dibuka aja di Domesticia pakai ngeprolin VPS
Oh iya bener
Bisa gratis
Kok gratis, gak gratis lah
Gratis sedikit, kan dipotong ini
50%
50% gratis 50%, itu gak gratis ya
Enggak gratis tapi bayar
Anggap aja beli 1 bulan gratis 1 bulan
Nah, bener kan
Betul
Jadi kalau temen-temen mau nyobain ya
VPS, buka VPS buat agenti coding
Bisa pakai klub VPS untuk Domesticia
Itu diskutnya 50%
Pakai kondor promo ngeprolin VPS DN
Diskutnya berlaku di Domesticia dan semua siklus
Lebih menyerangkan pakai VPS kalau mau menjalani agenti coding
Jangan di host komputer teman-teman
Kalau CLI
Kenapa?
Karena ada resiko dia
RM in RF
Iya halusinasi
Mungkin gak sampai se ekstrim itu ya
Dia bisa halusinasi RM in RF ini
.git
Ya ilang lah tuh
Atau jalanin Github CLI
Kalau Github CLI permisiannya
Dikasi semua admin akses
Dia bisa
Bisa tanpa sengaja
Ngehapus repo
Iya
Jadi jangan lupa
Kalau temen-temen mau coba
Boleh langsung ke Domesticia.com
Pakai kode host chartnya jangan lupa
Jadi sekali lagi episode kali ini
Hasil kolaborasi kita dengan Domesticia
Jadi terima kasih Domesticia
Oke
Eka belum hadir karena dia masih macul
Katanya macul
Jadi sekarang kita ngomongin agenti coding
Kalau tadi Valeri katanya pakai kursor anti-gravity
Ini ada hot tech ya dari
Ya mungkin agak opinionated juga ya
Si Steve Yege
Yang cukup dikenal bermulut pedas sebenarnya ya
Ucapan-ucapannya lumayan ini sih
Lumayan pedas gitu kan
Jadi dia bilang kalau 2026
Kita masih pakai IDE, pakai text editor
Itu artinya kita sudah tertinggal
Bukan developer yang bagus
Itu nggak usah diambil hati ya
Cuma bercandaan aja sebenarnya
Tapi poin dia ada benarnya kalau saya bilang
Kenapa? Karena alasannya adalah katanya
Text editor itu dibikin untuk manusia
Membaca kode
Bukan membaca, menge-edit kode
Menulis-nulis kode
Ada autocomplete-nya disana
Ada tools semacam-macam
Banyak perintilan, banyak fitur-fitur
Yang dibuat untuk memudahkan orang
Untuk menulis kode
Termasuk refactoring
Ada file explorer-nya, macem-macem lah gitu ya
Nah berhubung sekarang
Porsi koding kita sudah delegasikan ke agentik AI
Menurut beliau lebih seru
Kalau jalaninnya di yang bukan editor
Kayak CLI atau
Ada, kemarin itu ada satu agentik koding lagi
Dia nggak ada editor-nya
Tapi bisa preview kode-nya bisa
Kaya Warp Terminal
Itu kan editor-nya minimal ya
Bisa menulis tapi minimal banget kan
Jadi kita bisa jelaskan kode
Terus kita bisa lihat preview
Bisa lihat div-nya
Yang penting kan itu kan sekarang ya
Yaudah, terus bisa mulai agentik koding di situ
Teman-teman di sini pada pakai apa?
Valeri tadi kursor anti-gravity
Terus ini pi
Pake Kiro
Kiro juga ada CLI-nya
Kiro ada yang VS Code 4-nya
Ada yang CLI-nya
Nah pertanyaan saya berikutnya
Teman-teman ada berapa VS Code 4 di laptop-nya sekarang?
Apa aja, VS Code-nya
Kursor anti-gravity
Oh 2
Cukup, nggak usah banyak-banyak
Saya lagi 3
Gara-gara kemarin itu mengisi minum kursor
Enggak, kursor VS Code
Satu lagi kan 3
Oke
Tapi kemarin pas demo
Saya pakai kursor yang CLI
Coba-in
Iya bagus ya?
Lumayan lah
Tidak sejelek game ini CLI
Iya, aduh sayang banget
Kayaknya ini ya
Saya berharap mereka bisa
Apa namanya
Grow gitu
Jadi sebagai pengantar sebelum kita ke agent decoding
Kita ini di era yang kita merasakan mulai dari awalnya itu
Chat GPT
Yang web ya web interface
Kita kalau saya dan Mas Riza awalnya dari TensorFlow
Itu awalnya
Itu kejauhan
Ya dari Chat GPT
Chat GPT dulu apa?
Autocomplete dulu ya, Copilot dulu ya
Kayaknya hampir berbarengan ya hampir ya
Open AI-nya udah ada
Kita sudah bisa bikin Chatbot
Tapi Chat GPT waktu itu belum ada setau saya
Dia agak lambat kan waktu itu
Keluarnya agak telat gitu
Jadi hampir bersamaan lah ya
Keluar Chat GPT, keluar Gemini
Dulu namanya BART
Terus ada Cloud.AI
Ada banyak sekarang ya macam-macam ya
Jadi interface-nya web
Kalau kita mau moding
Kita nanya atau kita mau bikin
Tolong bikinkan saya halaman web index HTML
Isinya blablabla
Terus nanti dia generate kodenya
Kita copy kita paste ke text editor
Kita jalanin
Oh hasilnya nggak sesuai kita balik lagi ke web kan
Oh ini error
Errornya kita copy paste gitu ya
Jadi bolak balik antara text editor sama browser
Terus abis itu muncul Copilot
GitHub Copilot itu bentuknya extension awalnya ya
Walaupun sekarang udah jadi official-nya VS Code
Jadi caranya adalah ketika kita nulis kode
Baru nulis function add
Udah tuh dibikin complete sama dia
Ditebak kira-kira
Ini orang mau nulis apa ya gitu
Itu yang Copilot kan ya
Yang paling jago itu
Autocompletenya ya
Kita ngomongin autocompletenya
Atau kita bisa trigger dengan komentar
Misalkan buat fungsi untuk konversi dari JP ke PNG
Nanti begitu kita enter ke bawah dia bikin ini
Itu autocomplet
Terus setelah autocomplet
Muncul chat lagi
Tapi interface-nya bukan di web tapi di text editornya
Biasanya di sebelah kira atau di sebelah kanan
Kalau tadi kita bolak balik
Alter tab, alter tab ke chat GPT
Sekarang kita sudah tinggal ke kanan kita tanya
Tolong refactor fungsi ini atau file ini gitu ya
Nah kelebihannya adalah kita nggak perlu copy paste
Karena konteksnya dia bisa dapat
Tapi pada saat awal konteksnya itu
Hanya satu file yang ketika dibuka tab-nya aja
Ketika file apa
File-nya sedang dibuka dalam keadaan terbuka
Ada di tengah gitu ya
Di text editor, ada di tengah itu
File kita satu doang itu yang jadi konteksnya dia
Untuk mengubah file yang lain belum bisa
Awalnya
Nah setelah itu baru
Baru muncul kursor
Dari pilot yang autocomplet
Kursor itu lumayan mengubah
Ini ya mengubah keyblad ya
Jadi kita bisa inline chat
Kita bisa klik kanan di line berapa
Tolong ini diubah atau diganti
Atau refactor
Terus abis itu dia salah satu juga yang
Menginisiasi awal-awal untuk
Agent decoding
Jadi bukan lagi
Si AI ini
Konteksnya satu file tapi satu project
Dia bisa bikin file
Dia bisa jalanin terminal
Bisa apa lagi ya, bisa hapus file
Bisa cek file ini
Walaupun file-nya tidak sedang dalam keadaan terbuka
Dia bisa cek dan bisa ubah
Intinya developer experience kursor itu
Dibikin yang paling bagus
Yang nggak enaknya
Kalau yang free-nya cepet banget
Abis
Setelah itu baru bermuntulan yang
Terminal
Terminal user interface
Tui-tui
Atau yang CLI
Dimulai dari awalnya
Cloud code ya, awal banget
Awal banget itu
Aider, ada Aider chat
Kemudian ada Amazon queue CLI developer
Terus ada lagi
Saya pernah coba itu, satu lagi apa ya
Cloud code juga lumayan
Awal sih
Eh, tapi sebelum itu
Enggak, bener-bener
Muncul agenti coding
Oh ya, Devin
Devin sempat heboh kelewat ya
Devin ini agak
Agak kontroversi karena ternyata videonya itu
Bukan gitu caranya
Yang sempat ketahuan bohong
Pakai manusia doang di belakangnya siapa ya
Atau itu bukan agenti coding
Devin kayaknya
Devin ini
Sekarang sih hampir semua bisa ya
Jadi dulu dia, kita bisa bikin issue atau apa
Pokoknya kita
Inginnya nggak di code editor
Habrepo bikin issue, terus kita tinggal ke perintahkan
Terus saya kan issue nomor sekian, terus nanti akhirnya dia
Bikinin PR kan, kurang lebih kayak gitu ya
Oh ya, sama yang UI
Ya, saya juga nggak pernah
Sama yang UI generator ya
UI generator kayak Loveable
Bolt, terus Firebase Studio
Bener-bener, terima kasih ya mas
Adam
Ya
Itu juga ada tapi
Ya, betul itu untuk UI ya dari sisi UI-nya
Walaupun sebenarnya bisa bikin projectful juga
Terus apa lagi, ada yang ketinggalan lagi
Setelah itu baru ke terminal ya
Terminal, perkembangannya juga unik-unik
Ketika cloud code muncul
Awalnya kan kayak kita
Prom-nya biasa gitu kan, tolong bikinin ini
Terus nanti bikinin fitur itu, itu basic lah ya
Kemudian, sempat ada beberapa inovasi
Salah satunya dari Kiro
Kiro itu yang menginitiasi
Speck driven development
Jadi sebelum kita mulai bikin project-nya
Sebelum kita generate code-nya, kita bikin dokumen dulu
Ya, speck driven development dulu
Apa sih Kiro, abis itu baru muncul
Speckkit, terus ada agent OS
Ada BMAD, ada macem-macem ya
Ada banyak, ada open speck juga sekarang
Jadi itu
Ada kayak, itu kayak framework lah ya
Cara untuk prompting ya, context engineering lah ya
Bener gak sih?
Bukan, cara, ya prompt engineering tapi lebih ke arah
Mulai dari bikin spesifikasinya supaya gak melantur
Kalau gak melantur
Kalau, apa ya istilahnya
Kalau misalnya si LLM ini kan
Dia punya spesifikasi yang temperatur tau gak sih
Yang dia bisa kreatif atau
0-1 dia kreatif atau rigid ya
Rigid ya, strict
Terlalu rigid dia gak bisa
Maksudnya kurang kreatif juga code-nya ya
Gak bisa ngedetek banyak hal
Sedangkan kalau bikin terlalu kreatif juga
Dia banyak halusinasinya gitu
Jadi dengan adanya speck driven development
Kita bisa mearahkan si
Agent-nya ini tadi
Sesuai dengan speck
Plus setiap agent itu ada context window
Dia itu pelupa
Si agent ini
Ingatannya kalau bahasa di forum itu
Kayak ingatan goldfish
Dory, ikan dory
Ikan dorynya si
Finding Dory
Berapa menit dia lupa
Apa namanya tadi
Ada context road goldfish memory
Kalau bahasanya mas Rize itu kayak 50 first date
Movie atau memento
Kalau yang lagi trend sekarang
Atau lagi viral sekarang ya kayak film sore
Kayak film sore
Jadi ingatannya itu
Cuma se itu
Se windows itu doang
Sedangkan kalau sempat kita bikin
Ini yang besar
Yang komplikatif
Kalau mungkin hanya
Sesuatu yang besar dan komplikatif
Dia akan membuat
Pelupa
Jadi apa yang sudah kita prom sebelumnya nanti
Kalau di session yang sebelumnya dia sudah lupa
Betul makanya harus
Didokumentasikan
Kalau misalkan semua
Percakapannya kita sertakan terus menerus
Maka context window nya akan abis
Gak bisa gak muat
Harus dipindahkan ke
Storage database atau
Kita akan mark down dalam hal ini ya
Oh iya benar yang builder AI ya
Yang scam yang ngerjain orang
Actually Indian
Bukan Devin berarti
Devin cuman ini aja ya
Yang bagian videonya ya
Cuma pas kasus itu jadi inget
Kalian pada nonton film workup gak sih
Jadi di film workup
Yang original
Ada adegan
Mereka gimmicknya robot
Buat ngeserve minuman
Di dalamnya Dono masuk ke situ
Luar nya doang
Kasingnya kayak mesin pembuat minuman
Di dalamnya Dono itu tangan taro disini
Kalau pertama yang kepikiran
Mental image pertama itu
Sampai sekarang
Berkembang ya
Si film work ini udah ada spektri pen development
Terus yang terbaru
Ada buat nyimpen task itu
Ada beats, ada guest town
Ada route
Ada to do list
Ya management lah ya
Persistent context
Bahasanya
Sedangkan kalau yang spektri pen development ini
Specifikasi
Bahasa lainnya PRD product requirement
Dokumen
Terus
Terus
Terus
Terus
Terus
Terus
Terus
Terus
Terus
Terus
Terus
Terus
Terus
Terus
Terus
Ya performanya kurang bagus nih
Gimana review dong review
Tapi katanya kurang bagus katanya
Tergantung orang juga sih sebenernya
Copilot itu termasuk agent
Iya sekarang semua coding assistant udah agentic deh
Uniknya
Oniknya adalah si copilot Seerai
Kalau kalian suka itu mirip banget
Cloud code
Inspire
Oh iya semenjak cloud code
Itu CLA-CLA itu jadi lucu-lucu
Ini juga ada
Style ASCII
Yang cupu cuma cursor CLA
Gak ada apa-apa
Tapi ya tapi performanya oke sih
CLA termasuk iya
Apa lagi ya
Ya pokoknya intinya sekarang hampir semua
Coding assistant
Sudah
Menerapkan agentic AI
Mungkin kita recap ya dari minggu lalu ya agentic apa yang membedakan antara
AI dan agentic AI
Yang pada gak nonton ya minggu lalu berarti
Jadi agentic AI itu adalah ada 3 tambahan
Dia ada tools
Kemudian dia ada memory
Memory itu buat nimpan percakapan dan satu lagi
Dia ada reasoning looping jadi dia akan ngeluk terus
Sampai pekerjaannya selesai contohnya misalkan
Ya misalkan
Tolong buat kan to do app
Kita promptingnya gitu
Tapi dia gak langsung bikin satu file isinya to do.js
Gak dia planning dulu
Ya to do itu apa
Biasanya the thinking itu to do itu apa
Kemudian dia planning
Terus dia bikin planning
Terus dia looping lagi ya di sini apa aja
Front end back end atau front end aja
Terus kadang-kadang kalau misalkan kita bilang
Tolong bikinin aplikasi seperti
Instagram misalkan. Terus kalau ada yang gak jelas
Tolong tanya. Dia interview kita
Ini front end doang atau sama back end juga
Kalau sama back end database nya apa
Mau di deploy di mana
Tanyain sampai jelas
Jadi dia bisa berkomunikasi sama kita
Apa nih yang belum selesai apa selanjutnya
Kan tujuan yang general bangetnya
Ya betul
Eka ngefreeze
Lagi jalan agentiknya
Dimatikan dulu agentik codingnya
Terus Eka juga pengguna
Kilokode ya kalau gak salah ya
Kilokode itu juga termasuk agentik. Jadi agentik itu adalah
Yang seperti itu. Dan dia bisa
Menulis while, bisa
Change directory, bisa jalanin
Bash. Kita bisa bilang tolong jalanin npm run dev
Kalau ada error tolong perbaiki
Bahkan sekarang agent itu bisa
Bekerja secara karakter dan bisa punya
Sub agent. Jadi kita bisa bilang
Tolong kerjakan ini sekaligus ini. Dia kerjain 2
Agent sekaligus
Itu agent ya. Sudah kembali?
Belum. Belum. Eka udah kembali
Kok item? Wah ngefreeze
Lagi. Oke. Kilokode dia
Kilokode nya nyala
Nah
Sekarang pertanyaan saya kan tadi udah
Dengan sekian banyak gitu ya. Kita mulai dari
Prompting yang simple gitu kan. Buatkan saya
Menulis atau cloning aplikasi apa
Itu namanya kalau
Yang saya perhatikan
Iya saya ngeliat atau nanya ke temen-temen
Itu gimana sih cara mulai misalkan
Mau bikin app baru. Oh harus
Bikin spek dulu. Harus bikin PRD dulu. PRD nya
Juga bisa di generate sama AI sih ya. Ada yang
Kayak gitu. Jadi bikin dokumennya dulu. Sampai lengkap
Terus abis itu di review kalau di
Anti-gravity lumayan lengkap. Sama di Giro juga
Lumayan lengkap. Itu kita review dulu
Pastiin apa namanya
PRD nya dokumennya
Sudah benar bagus dan tidak ada
Celah gitu ya. Saya bisa mungkin
Apa namanya itulah
Flawless lah ya. Flawless ya
Step by step. Terus abis dari situ
Lebih indinya apa namanya
Ya kalau sampai flawless sih susah aja. Nggak mungkin
Nggak mungkin sih. Pasti akan ada adjustment
Bahkan PRD yang kita tulis sendiri
Manusia saat melalui project. Ya pasti akan ada
Jangan juga akan ada perubahan. Apalagi
Mengandung agile. Agile kan diubah bisa
Priority bisa berubah. Nah. Yes. Yang paling
Wajib
Dengan Spec Driven Development ini adalah
Untuk mengetahui supaya
Asitekturnya atau decisionnya nggak ngacok
Atau melanggar
Stack nya. Stack yang kita decide
Atau melanggar skema database
Yang sudah kita buat atau flow yang sudah kita
Tanamkan. Kalau bahasa saya itu
Constitution ada. Jadi
Saya punya file ramai Constitution. Jadi disitu ada misalnya
Tuliskan unit test dulu sebelum
Kerjakan kode
Rule ya. Aturan-aturan ya
Istilahnya ini macem-macem banget
Terus project
Atau spec.md
Constitution.md. Ya isinya
Supaya kayak apa ya
Jiwanya dari kita
Ditanamkan. Cara kita kode itu gimana gitu
Jiwanya. Terus masukin itu misalnya
Setiap
Setiap sebelum commit, jalanin
Linting dulu, lintar dulu. Linting dulu segala
Macam. Dipastikan pas testnya
Pas semua baru di commit
Gintinya bagaimana cara kita bekerja tanamkan di Constitution
Mau pake work three atau pake brands gitu ya
Trunk based atau github
Dan lain-lain gitu ya. Saya minta AI nya untuk
Interview saya untuk bikin Constitution kok
Jadi gak saya tulis sendiri semua
Sampai jadi Constitution yang punya saya baru saya
Bisa mulai itu dari
Akar atas dan semua spek-spek turunan
Itu mengikuti Constitution
Bahkan sekarang saya sudah nambah lagi yang namanya Design System
Yang kayak itu apa namanya
Kalau caranya masih di saya itu pakai design token
Seperti stars.json
Kalau saya pakai design system yang semuanya .md
Intinya sama misalnya
Misalnya contoh banget karena saya pakai Tailwind
Saya tuliskan di design system jangan pernah
Kait custom sizes
Kayak P-40px
Selalu pakai yang sudah misalnya
PXL atau mau kasih margin ya
M-LXL
2XL jadi untuk semua
Spacing itu udah ada
Design Systemnya. Ikuti aja jangan
Ngelantur membuat margin sendiri
Yang custom
Itu harus dikontrol banget soalnya
Kalau LLM kan berdasarkan data yang ada
Maksudnya training data
Css terutamanya Tailwind kan gak token base
Maksudnya gak sesuai sistem kita
Kayak yang gue praktekin sendiri itu
Kerasa banget kalau dibiarin bebas
Semua warnanya dia random text
Tidak konsisten ya
Iya gak konsisten
Padahal kita udah pakai sistem yang versi 4 kan
Emang udah di encourage
Tailwind versi 4 sama Shade CN
Juga udah compatible sama
Dimming jadi color itu kan ada primary
Misalnya ya primary, primary background
Accent, accent background itu kan enak kan
Kalau dark mode
Ya primary-nya tinggal pakai css variable kan
Css custom property diganti. Nah kita udah punya itu
Tapi kalau kita gak nyuruh
Gak secara eksplisit memerintah si agennya
Gitu liat pakai cara kayak gitu. Kalau gak dibilang gitu
Ya tiba-tiba text blue 500
Giliran design. Kacau
Makanya di
Kita kembali ke tujuannya spek. Spek tadi itu adalah
Memastikan kita membaca speknya
Untuk dia gak lari dari jalur
Sesuai dengan constitution
Sesuai dengan design system atau apalah yang kalian sebut namanya
Itu pastikan dia
Sesuai di jalurnya. Nah kalau sudah sesuai di jalur
Enak mau kita setup
Reviewer. Reviewer-nya misalnya code reviewer agen ya
Reviewer-nya tinggal follow
Dia gak punya konteks apa-apa tentang apa yang dikerjakan
Tapi dia cuma tau oh gue punya design system
Gue punya constitution. Akhirnya dia
Nge-review code berdasarkan pengetahuan itu
Justru jadi lebih
Lebih sedikit halusinasinya
Bukan berarti ada ya. Jadi
Dokumen-dokumen yang sebaiknya
Ada yang pertama PRD, kedua tadi
Constitution sama design system
Yang pasti harus ada agens.m
Oh iya itu. Kenapa constitutionnya
Gak ditaruh di agens.m?
Karena bisa jadi panjang
Nah
Salah satu kesulitan dari
Ini kan masih baru banget ya. Jadi kayaknya salah satu yang
Bikin ribut itu kan emang taxonomy dan strukturnya
Belum converge ya masing-masing
Ya itu pake istilah sendiri-sendiri
Tapi yang gue tangkap adalah yang penting adalah kita punya
Minimal satu file untuk
Memerintah si agen bagaimana dia harus puterja
Kayak kalau pakai bits atau pakai apa ya
Commandnya apa kan harus kalau abis di push
Harus bitsing misalnya. Apalah apanya
Perintah ke agen itu sendiri
Yang satu lagi tentang project itu sendiri
Karena bisa digabung cuma jadi
Panjang banget kan. Nah kalau yang tentang
Project itu sendiri kan yang contohnya Ivan tadi
Constitution.md ada yang pakai namanya
Spec.md atau project.md atau apalah
Nah terus kalau yang perintah buat agennya
Kamu harus begini-gini kamu tidak boleh
Push sebelum bla-bla-bla. Nah itu kan
Bukan tentang projectnya tapi tentang cara agen buterja
Nah itu taruh agen.md. Ada masalah baru
Cloud by default nggak langsung membaca agen.md
Kecuali kita suruh. Jadi di cloud.md-nya
Bisa kita poin ke lihatlah
Agen.md ada workaround-nya maksudnya
Atau di simling
Ya bisa juga
Nah cuma intinya kan berarti ada perintah
Ada dokumen berisi bagaimana si agen
Harus bekerja. Ada satu yang lebih ke
Projectnya begini-gini-gini dan standar
Kayak standar sintaksnya, standar library-nya, standar penggunaannya
Begini-gini-gini. Yang harus ada
Di PRD apa aja? Ini kita ngomongin PRD
Buat AI ya bukan buat manusia. Sama nggak sih?
Kalau saya
Yang pernah bikin struktur PRD yang proper sih
Oh belum ya
Ada contohnya yang mana ya? Biasanya kan ada
Arsitektural diagram
Terus ada text tag
Yang pasti ya kita mau bikinnya pakai apa
Pakai tailwind, front-end-nya
Pakai astro, backend-nya pakai
Node.js
Terus text tag ada ya
Biasanya ada yang
Nambahin user stories
Kalau saya biasanya di file yang berbeda biar nggak terlalu panjang
User stories
Kalau saya itu biasa dari user stories
File structure
Project structure
Biasanya itu dari user stories
User stories itu kan kayak
Flow kita oh user pertama kali
Mengakses halaman utama /
Terus abis itu dia klik login
Terus karena dia belum punya account dia harus register blablabla
Gitu ya. Nah itu bisa biasanya saya minta convert
Itu jadi feature test atau
Acceptance test
Oh bisa gitu. Belum pernah saya buat itu
Terus nanti setelah acceptance testnya udah jadi
Pastiin jalan dan fail
Testnya kayak TDD gitu ya
Baru suruh AI untuk ngerjain
Implementasi code-nya sampai pasing
Nah jadi si AI yang ngejalanin itu
Yang user test pake jalanin Chromeka atau jalanin
Playwright gitu
Kayak user journey-nya
Ada playwright-nya
Kalau pake cloudkan ada mcp-nya itu ke Chrome
Oh saya belum pernah pake
Vanilla karena mcp boros
Jadi playwright aja gitu ya
Playwright aja. Pakai skill
Kalau yang convert user stories
Ke acceptance test
Itu saya pakai skill. Skillnya juga dibikin pake AI
Jadi tolong bikin skill mengubah ini
Menjadi ini. Nanti dia bikinin tuh
Jadi saya lebih memakai skill daripada
Kalau buat
Kalau buat workflow yang common
Dan misalnya nih malas nulis skillnya
Atau belum punya. Sekarang kan tinggal
Banyak tuh kayak marketplace skills mp
Dupcom dan semacamnya. Ya tinggal search aja
Di mersel juga ada ya
Banyak. Maksudnya cari pasti ada yang udah pernah bikin
Di upload. Ya kita modif aja. Maksudnya liat dari situ
Mana yang relevan kita pakai. Kalo ada yang
Oh workflow kita gak kayak gitu ya diubah aja
Kira-kira kedepannya ada bakal seragam gak sih?
Kayak nama folder, agent, agent.md
Kayaknya udah mulai seragam ya. Sudah seragam
Oh kalau skill kan emang udah jadi apa?
Agent skill kaya standarisasi
Tapi beda-beda
Nama dan formatnya
Ini kan extension. Pakainya extension
Tapi gak tau sih
MD dia gak sih
Kalo skill udah skill agak lumayan
Nah itu kalau sisanya workflow common ya kan
Maksudnya yang slash apa hal-hal
Perintah-perintah yang repeated kan bisa kita abstract
Jadi slash comment itu loh
Nah itu namanya, nama foldernya ada yang workflows lah
Ada yang comments lah
Agent skills
Oh ini iklan ya?
Ya dia yang bikin kali. Oh gak iklan
Lalu ke bawah coba aja search playwright atau apa
Skills.sh itu loh yang baru dibikin sama
Iya skills.sh
Jadi tadi selain mengubah user stories ke
Tes, playwrightnya saya bikin skill
Bukan pakai MCP jadinya
Ada ya playwright
Gimana, maksudnya mas Rizal, jadi kalau misalnya bikin sebuah spek
Terus kemudian cara user
User behavior
Lapain
Lalu suruh rubah ke
Playwright gitu ya
Integration testing gak taunya
Integration ya
N2N malah
Iya ini saya lagi mau buat, thank you
Jadi enak, gak perlu kita minta
Dia untuk generate, tolong generate acceptance test
Untuk ini gitu, tapi bisa juga sih
Tolong generate acceptance test untuk user story 1 gitu
Ya bisa juga
Sama aja sebenarnya
Terus habis itu
Cuman yang saya perhatikan, kalau kita menulis test dulu
Baru kita minta AI untuk
Menulis kode implementasi, dia lebih rapi
Karena dia udah ada petunjuknya tuh
Di testnya
Itu TDD bagus untuk manusia dan bagus untuk obot
Enggak
Tapi kalau misalkan setelah implementasi
Baru bikin test
Kadang-kadang implementasinya ngaco duluan gitu
Karena dia gak ada petunjuk, petunjuknya cuma dari text kan
Bukan dari test case
Ada lagi skills.sh ya
Iya itu
Dari si
Versal
Oh ini kayak open code banget ya modelnya
Oh bisa langsung npx ya
Misalkan player
Oke
Banyak ya, yang mana satu
Yang kita pilih
Yang bikin si Microsoft
Yang nomor 2 itu lho
Oh iya gak liat, sorry
Oke
Nah ini kadang masalah baru lagi
Overwhelmed sama terlalu banyak choice juga kan
Nah itu
Nah itu kayak si marketplace
Yang pertama kali nemu skills banyak banget itu kan langsung
Wow misalnya
Untuk testing
Oh super power
Kalau super power malah maksudnya gak usah mikir terbanyakan langsung install aja
Ya kan gak semua langsung dipake juga
Cuma kalau yang library base itu kayak unit testing
Atau unit testing java street
Atau unit testing with fit test
Yang dipake gak jalan-jalan jadinya
Itu kayaknya kita harus disiplin yaudah pilih satu
Kalau gak butuh hilangin
Kalau membutuh beda modifikasi gak usah cari the most perfect
Skills
Iya karena ngelod skills, ngelod agents
Skills dan MCP itu udah ngambil context window
Iya
Skill itu yang dilod adalah nama dan deskripsinya
Nah sebetulnya itu udah menolong banget sih ya
Sebetulnya dibanding rules atau semacamnya
Udah helpful banget dalam ngirit context window
Tapi kalau kita install 100 skills
Ya jadi gak irit juga sama itu
Risikonya kalau misalnya kita terlalu banyak sembarang
Lihat skills yang kelihatannya bagus di install
Bisa aja ada hal-hal yang overlapping kan
Kan si agentnya menaustirkan dari perintah kita
Skill apa yang perlu dipanggil misalnya kita punya skill unit testing
Tapi kita juga punya skill just
Kita punya skill fitest
Nah itu tuh kayak behavior-nya malah jadi gak
Jadi gak bisa diprediksi kan karena
AI-nya juga bingung terlalu banyak voice
Iya jadi kalau
Teman-teman yang baru pakai baru belajar
Terutama yang agent decoding
Kalau bisa, kalau gak butuh-butuh banget
Nggak usah fomo ya, jangan fomo ya
The fomo temptation is real
Iya karena
Nambahin satu skill atau nambahin satu plugin
Atau framework, kalau kita gak tahu cara kerjanya
Tiba-tiba nanti kayak ada
Ada yang nanya, ini kok
Context window saya kok jadi cepet habis ya
Terus nanti pertanyaannya, pakai plugin apa, pakai ini apa
Oh pakai ini, bukan ada disable
Ternyata itu, jadi kita gak tahu cara kerjanya
Gak tahu apa yang dia kerjain, kita main install-install aja
Jadinya gitu, kalau misalkan
Teman-teman beneran mau pakai, cari tahu
Gimana cara kerjanya, apa aja yang dilakukan
Jangan sampai kita gak tahu apa yang dilakukan
Apalagi ngejalaninnya pakai looping
Dan biarin jalan itu
Jangan-jangan
Kalau itu udah apa ya
Itu sudah permainan tingkat tinggi
Politik ya, jadi itu jualannya
Si LLM, karena mereka ada kebutuhan
Untuk menjual token kan, supaya kita bayar
Kita beneran burning token itu kan, kalau semua diserahin
Ya emang, maksudnya kalau kita liat tweet orang
Post orang keren sih, maksudnya ya udah tinggal ditinggal aja
10 agen sekaligus jalan, muter
Ralf itu intinya dia looping sampai jadi kan
Bahasa begonya gitu kan
Nah bayangin seberapa burusnya itu
Ya kalau emang kalian mampus ya, terserah sih
Cuma kalau misalnya gak paham
Cuma karena trending ikutin itu ya siap-siap buncus
Iya, jangan gara-gara itu
Jangan gara-gara FOMO, yang penting
Apa yang mau teman-teman kerjain bisa
Mau manual juga, promptingnya gak usah pakai PRD juga gak apa-apa
Itu baru satu ya
Yang saya pernah kerjain itu satu pakai PRD
Cuman yang saya pribadi rasakan
Ketika menggunakan dokumen-dokumen itu
Capek menisnya
Terus makin lama dokumennya makin banyak
Ya itu kalau gak diatur setiap bikin apa
Nambah markdown satu lagi, ini apa panjang banget gak tau apa
Minta refaktor aja dia bikin markdown
Context depth
Context depth yang markdownnya markdown sebanyak itu
Kita kan jadi harus ngeliatin
Ngecek satu-satu, increase, ada sesuatu yang bertindangan dengan
Tahu yang kita punya
Rule atau bertindangan dengan
Kedepannya misalnya bisa aja
Dia bikinnya selalu, dia kan ngikutin mengulang
CIA, mengulang yang udah pernah dibikin
Tahu-tahu dia bikin dengan cara yang kita gak setuju
Kita kan capek harusnya jangan gitu, ganti jadi begini
Ternyata misalnya di salah satu markdown yang nyempil itu
Emang ada misalnya komponen yang dibikin pakai klas komponen
Ya udah dia ngikutin itu
Itu meninggalkan masalah juga
Kalau yang nyambung soal diskusi PRD tadi
Kalau gue pribadi belum pernah pakai PRD
Yang develop pakai PRD yang proper sih
Pernah nyoba open spec, pernah nyoba spec kit
Tapi misalnya bukan buat kerjaan karena kalau dikerjaan
Udah pakai sistem sendiri, misalnya ada Jira
Segala macem ya ada di Jira, perkara masing-masing developer
Sekarang di video bikinnya, dibantu AI ya bebas
Tapi gak ada belum
Belum komponen pakai satu tools
Jadi ya udah disepakatin gak
Gak bisa fully integrated
AI assisted coding workflow itu belum
Jadi maksudnya itu out of the question, cuma nyoba-nyoba sendiri
Open spec sama spec kit itu
Kalau green field project agak mendingan sih, cuma kalau misalnya
Di incorporate ke project yang udah ada
Agak lamaan dibikin markdownnya
Kalau proses yang gue jalanin sekarang
Kayak punya satu command atau rules
Dan perfectnya itu masih berantakan sih dikopas aja
Tapi intinya sebelum bikin suatu fitur
Jadi kayak ada ritual
Perintah ke AI-nya, enter planning mode
Dan lakukan ini semua sampai saya memberi approval untuk
Menjalankan
Apa? Belum, bahkan belum menjalankan
Jadi tahap pertama brain storm
Kalau di cloud kan ada skill brain storm tuh
Di kilokot juga bisa baca, pertama brain storm
Brainstorm itu silahkan tanya bolot
Jadi back and forth tanya aja apa yang belum lengkap
Dan gue nulisnya itu agak free form sih
Maksudnya nulisnya gak usah rapih, yang penting pengen bikin apa
Nah brain storm itu ada panduannya
Panduan gue sih gak secanggih orang lain
Mungkin cuma 4 poin
Intinya file apa, gue minta AI
Untuk membrainstorm jadi file pertama
File-file apa aja yang perlu diubah
Ini overview aja, terus kedua
Apakah perlu menginstall suatu library atau mengubah cara kerja
Library yang sudah di install
Ketiga, concern security, performance, deployment
Terus keempat
Testnya nanti seperti apa
Jadi itu komen sih di awal
Kadang kalau misalnya kepepet bingung, kopas aja
Kopas emang punya file textnya
Kopas jadi di tahap brain storm itu
Minta AI untuk mengelicit
4 hal itu sampai rapih, sampai oke semua
Kalau udah oke tahap selanjutnya
Buat lah plan, nah itu baru plan
Yang bikin plan panjang itu, dan kalau di cloud code kan
Dia bikin file, tapi ya salah satu hal bagusnya
Dia pakai di dot plans itu kan
Yang file sementara pakai random hash
Ya udah dari situ
Kalau pas pertama masih polos
Ya udah langsung suruh cloud jelankan
Jelankan masuk ke coding mode, bagus
Cuma abis itu usage, jatah usagenya abis
Abis, berhari-hari gak bisa pakai lagi
Nah terus
Di iterate, coba pakai cara baru
Cuma kalau brain storm sama planningnya gak berubah sih
Nah sekarang pakai bits nih coba
Sekarang kamu harus menentukan apakah ini
Bisa menjadi satu tas atau satu epic
Yang terdiri dari anak-anak tas dan subtas
Nah terus
Silahkan dipecah-pecah menjadi epic
Dan tas gitu, udah kan dia ngasih
Ya udah tanya jawab aja sampe oke
Nah terus karena di agent instructionnya udah ada command untuk bits
Buat lah bits untuk itu
Ya udah kan dibikin semua, abis itu goodbye cloud code
Nah terus masuk ke cloud code
Cari model yang murah-murah buat eksekusi
Kan dia bisa baca bits juga, udah ada instruksinya
Bede show idnya
Coba kamu buka
Bukalah bits ini
Nah terus kan udah dipecah-pecah
Jadi tas dan subtas, ya udah
Cuma kalau itu sih belum berani yang kayak orang-orang lain
Yang spawning sepuluh subagent sekaligus
Atau pakai Ralph Wiggum, belum sih
Itu manual tenaga manusia
Ya udah, buka kerjakan tas pertama
Buat lah planning, ya prosesnya sama
Cuma ini planning untuk di level task itu
Kan udah dipecah-pecah tuh tadi udah
Apa aja yang diubah, pengivirnya gimana, testingnya apa
Nah itu ya agak trial and error sih
Makin murah atau makin gratis
Modelnya, makin riskan
Miscom, tapi kan udah punya panduan
Si planning di bits itu
Tapi jujur planning breakdown tasknya
Di bits juga masih dibacain
Gue masih ngebaca manual, ngecek beneran
Maksudnya nggak kayak orang-orang yang kayaknya beneran dilepas jalan sendiri
Langsung bagus, belum bisa nyampe situ
Tapi membantu banget sih jadi cepet
Nggak bisa dilepas sih, so far ya
Nggak tahu ya, kan belum sejauh itu tadi
Yang ngerti kan, orang suka bilang spawning sepuluh sampai jam
Terus tiba-tiba jadi
Nah itu nggak tahu
Masa kalau gue workflow-nya kayak gitu intinya berat di brainstorming
Brainstorming yang beneran free flow
Cuma maksudnya panduan brainstormnya biar nggak ngalur ngidul
Dikunci di 4 hal itu, habis itu planning
Habis itu ya breakdown, dipecah-pecah jadi task
Sebenarnya nggak wajib pake bits juga sih misalnya nih
Task-nya suruh dibagi jadi, suruh masukin markdown
Cuma dikasih idea yang incremental, yang jelas
Maksudnya ke depannya juga bisa kayak gitu
Cuma sekarang lagi senang nyoba bits
Tapi kan ada lagi tuh yang Ade Osmani bikin lah, vibe kanban dan lain-lain
Ya udah, maksudnya pattern atau cara kerja
Atau cara pikir yang sama kan bisa dibawa ke situ
Cuma nggak sempet, belum sempet aja
Biasanya kan planning, bukan planning ya
Apa progress atau to-do-nya kan kita bikin to-do.txt atau .md
Terus nanti ada task-tasknya kan
Nah, kalau menggunakan tools seperti bits
Itu kayak project management lah ya
Kita nggak pake markdown, kita pakenya
Tadi ada SQLite database
Di dalam satu project itu yang kita init, ya kan
Nah, menariknya, tapi dia kesing ke JSON L
Ada file JSON, jadi yang kita commit
Adalah JSON-nya, kita nggak commit SQLite kan
Misalnya kita mau ngerjain dari komputer lain
Atau rekan kerja atau orang lain nge-clone
Ya udah, yang di-clone adalah JSON L-nya
Terus pas dia ngejalanin, kayaknya dia harus
BD init juga ya, harus bits init
Ya buat apa, dia ada daemon
Daemon yang nge-generate bikin si SQLite DB-nya
Ya, karena kalau kita manage task-nya itu
Di markdown itu makan tokannya lumayan gede
Dibandingkan sama bits, kalau bits kan kita bisa jalanin
Komen lainnya kan, untuk mau list yang
Ya on-progress gitu
Iya, dan dia cukup rich ya, maksudnya bisa dependensi
Jadi dia bisa epic, bisa task
Bisa sub-task, maksudnya bisa hubungan parent-child
Tapi kita harus galak ke agent-nya
Buat lah ID, maksudnya ID-nya harus standard
Misalnya example-full 1
Kalau misalnya ada child ya
Example-full 1.1, ya dan seterusnya
Terus bisa mark dependensi blocker task ini
Menge-block task belumnya, tapi lagi-lagi
Kalau kita nggak nyuruh, kita nggak galakin
Si AI-nya nggak bakal melakukan itu dengan sendirinya
Baru aja sehari atau dua kemarin gitu
Si cloud code ngerilis task juga
Kan ini sudah ada task, task to do to to do
Ya, kalau secara kan tool ya, berupa tool
Sekarang task-nya sudah bisa di write ke JSON
Kita bisa membuat si task-nya itu persistent
Between session, jadi misalnya
Oh bisa diakses oleh user, berarti ya
Iya, jadi cloud code-nya jalan nih
Kita mau reset session-nya atau pakai session baru
Supaya nggak context drop
Akhirnya, tapi JSON-nya bisa kita akses juga
Jadi kita bisa melanjutin
Nah, saya baru aja mencoba teknik baru ini
Dengan cara, saya punya spek yang singkat aja di markdown
Dimana spek itu satu goal
Misalnya saya mau perbaiki halaman homepage
Dan sudah masuk plain mode, speknya sudah jadi
Lalu kemudian speknya di save profile
Suruh minta dari spek itu bikin tuduhnya
Nanti tuduhnya itu sudah bisa nge-block juga
Dia bisa blocking, tapi jalannya tetap vertikal ya
Bisa 1, 2, 3, 4, terus
Nah, lalu di session berikutnya
Saya tinggal minta, suruh baca speknya
Lalu jalanin tuduhnya yang masih belum kelar
Jadi dia bisa jalanin secara bersiap
Oh dia bisa mengakses antar session ya?
Karena dia persistent, kayak Bix
Dan terinspirasi dari Bix
Tapi ketergantungan cloud code, nggak mau
Ini kan
Iya, nggak agnostik
Sebagai kaum pendeng mending
Bix itu punya keuntungan bisa dibaca
Ya apa, agent apapun, tools apapun
Yang bisa menjalankan command line
Nah, kalau pakai sistemnya cloud code ya
Kalau emang kalian sudah all in di ekosistem cloud code
Dan siap dengan biayanya ya, bebas
Saya, jangan salah, saya pakai JLM sama Minimax yang murah
Ngeplan pakai Opus
Ngeplan pakai Opus
Ngejalanin eksekusinya pakai JLM
Kalau habis
Tuduhnya itu nempel di cloud code
Biska kan di cloud code, kliennya cloud code
JLMnya jalan di cloud code
Oh, di proxy, di ganti provider
Dan JLM murah, 9 dolar, 3 bulan
Loh, gue pakai yang dari Z.EA yang promo setahun
Pokoknya berapa ya
Kan JLM juga kan Z.EA itu
Iya, JLM Pro
Iya, Bix itu kurang lebih kayak Linear atau kayak Jira
Project management
Tapi berbasis
Bagi Jira
Bagi Jira
Sepertinya kayak Trello
Iya
Iya, buat bagi-bagi tugas
UI-nya gimana, bebas
Tapi project management intinya
Project management, pakainya JSON sama database SQLite
Bisa diakses lewat command line dengan TUI, Terminal User Interface
Yang oke lah, cukup user friendly
Bisa diakses lewat interface-nya AI
Kan karena command line gampang dipanggil oleh AI
Tapi kalau dari manusia, kita maksudnya banyak, ya banyak opsilah versatile
Kayak bisa langsung pakai CLI, langsung ya nulis aja command
Terus ada kayak banyak lah extensionnya, extendable banget
Jadi ada yang bikin BV tuh, bits viewer
Bikin kayak kanban board, ya kalau nggak suka tampilan kanban
Nggak masalah, pakai command line aja
Terus yang suka visual, pakai VS Code
Ada extension-nya yang mesti gampang buat
Gampang buat ngeditnya
Tapi intinya sih command line tools untuk project management
Yes, salah satu keunggulannya adalah
Teman-teman bisa spawn banyak sekaligus
Jadi kalau misalkan udah ada bits-nya
AI yang satu ngerjain bits yang 001
AI yang kedua 002, selama nggak dependensi ya, nggak ada dependensi
Atau kita bisa langsung bilang
Tolong ambil kerjaan di bits ini yang tidak ada dependensi
Atau yang important, yang paling important
Yang berdasarkan yang dependensi terbanyak
Kita bisa set prioritas
Terus abis itu dia bisa ngerjain secara paralel
Iya kalau tools AI yang kita pakai
Support bisa ngerjain secara paralel
Paralel bits itu untuk mengakses tugasnya aja
Jadi karena command line base
Jadi kayak lightweight banget
Nggak harus konek kemana-mana, gampang
Bd show, id-nya
Bd close atau bd update status
Untuk update status
Itu kan AI friendly banget
Ya, kira-kira begitulah
Udah itu aja
Dan tadi yang concern saya
Yang kebanyakan dokumen di manage
Itu kan capek ya
Nah kayaknya solusinya ini ada di plain mode
Plain mode sebenarnya udah agak lama sih ya
Tapi mungkin ada temen-temen yang belum tau
Atau belum pernah pakai gitu ya
Jadi kalau di agent decoding itu biasanya ada plain mode
Plain mode itu sederhananya
Sebenarnya itu adalah read only
Jadi proyeknya dia cuma bisa read
Belum diperbolehkan untuk write
Menulis file
Evolusi dari zaman kemarin-kemarin kita juga sebetulnya udah pakai kayak gitu ya
Cuma pasti kan di perintah pakai huruf gede biar sadar
Do not change any code yet
Until I tell you to
Kalau dulu kan harus gitu
Maksudnya kita pengen nanya jawab
Nah dulu kan sebelum ada plain mode
Tiba-tiba dia udah jalan aja ngacir bikin 10 file
Eh tunggu, tunggu, tunggu
Nah kita nggak usah gitu lagi
Dan plain mode ya itu tadi kita bisa misalnya
Tulis atau kopas requirement atau apapun itu
Bisa dengan nyaman sampai semua apa
Kayak didetailin semua item-itemnya
Iya
Jadi yang nge-manage ya CIA-nya
Kita cuma bilang saya ingin membuat aplikasi untuk memilih ide, topik
Ngobrolin web misalnya kan
Ya udah dia tulis semuanya tuh banyak panjang gitu kan
Kita mau bikin itu ya rencananya ya
Iya
Terus apa namanya dia bikinin itu
Nah itu untuk konsumsi dia
Kita bisa lihat ya
Terutama yang menariknya dari anti-gravity adalah
Kita bisa lihat dokumennya
Walaupun itu nggak di-save ke markdown ya
Itu buat kebutuhan dia sendiri gitu
Terus kita bisa komen
Di baris ke berapa kita bisa ke kanan
Bisa di highlight
Jangan pakai ini
Kenapa pak cekanya apa pakai ini
Saya nggak mau pakai Tailwind misalnya
Saya nggak mau pakai TGS pakai Boon aja gitu
Gitu-gitu
Kalau plan yang di-comment line kayaknya agak susah ya
Kita harus ngomong ya
Misalkan untuk Tailwind coba
Kita harus kopas bagian yang mau kita komentarin
Itu plan mode-nya itu cukup solving sih
Maksudnya daripada kita harus mikirin PRD-nya
Spek-nya
Terus apa lagi tadi dan lain-lain dokumen-dokumen yang lain
Udah biar dia yang ngurus aja gitu
Dan kita juga dibebaskan untuk
Ya boleh PRD-nya nanti mau di-save
Atau plan dokumennya nanti mau di-save atau nggak
Atau mau untuk konsumsi dia juga
Jadi pertanyaan saya itu persistensi nggak ya
Misalkan kita sudah bikin thread baru
Kita sudah bikin apa suruh dia plan
Habis itu kita mau eksekusi kita buka chat baru
Itu dia kebaca nggak plan sebelumnya
Tergantung busnya
Kalau anti-gravity kurang
Kayaknya nggak deh itu persesyen
Yang nggak tahu dia dibalik layar
Bisa kan sebetulnya
Gak
Implementasen plan itu kan
Implementasen plan task itu nggak
Itu per session
Per session ya
Kalau cloud code bisa
Kaling gue bisa karena ada dot plans
Ya pokoknya di user directory-nya
Oh dia tulis
Cuma dia bikinnya sebetulnya itu dimaksudkan
Untuk gigi temporary
Temporary folder ya
Nggak ngerti sih behavior-nya dia
Gimana apa bisa maksudnya kalau sampai banyak banget
Dan udah lama banget
Apakah dia ngerti untuk manggil
Keliatannya nggak
Cuma kalau masih baru
Itu dia bisa apa
Kayaknya dia inget deh
Karena emang ada file-nya
Literally markdown file biasa
Jadi gimana?
Saya sambil jalan di belakang
Di share screen-nya ya sekalian
Sekalian
Iyalah
Dilihatin flow-nya
Waduh
Ya sudah
Jadi nggak jadi
Pakai apa?
Yang cepat aja kali ya
Dia pakai apa terserah dia
Kayaknya kalau yang mau cepat itu
Kalau mau bagus dan cepat
Upus
Upus 4.5
Cloud code
Oke
Ini kan ininya
Iya ini bisa dibuka dipublikkan ya
Bisa
Oke
Ini cloud code sebelah kanan ya
Saya pakai upus
Kita bikin dulu pakai ini kali ya
Di zoom dong di zoom
Yang mana?
Cloud code
Oke
Plan dulu plan
Langsung ambil sini
Di bawah itu ada tulisan plan mode on ya
Plan mode
Shortcut-nya shift tab
Untuk cycle antara mode
Build web application
Generate idea
Choose
Pick idea
The next topic
Topic of discussion
Of our podcast
For
No
No
Prolim
Web
Okay
List of topic
You can take
You can get from
Copy paste aja tuh urlnya
Discussion
Stack
Then
After
Text tag
Astro
Astro mau astro
Astro
Astro
And
Type script
Astro
And
I'll win
Apa lagi?
Ask
Kalau itu ada ask user
Question ya apa?
Ada skill kan?
Ask user question
To clarify
To clarify
Udah
Before start
Ya
Abis
Jatah
Makanya
Jatah mingguan-nya abis
Enggak si
Ivan account cloud-nya
Jatah mingguan-nya abis
Ya gak bakal abis abis ini
Gapapa lah
Demi ngobrolin web
Asyik
Okay
Sambil ngobrol aja
Terus
Nanti kita push code-nya
Apapun yang terjadi, terjadilah disini ya
Saya gak tau hasilnya kayak gimana
Nah yang penasaran
Subagent
Belum, maksudnya belum
Beneran nyoba dengan proper
Apa? Kalian pengalamannya
Gimana pakai subagent?
Suka pakai subagent
Saya terutama
Subagent
Distribusikan
Jadi kalo yang masih
Oldschool kan kita nih manusia
Developer-nya yang
Entah manuali bikin banyak
Tep, bikin banyak session
Suruh ngerjain
Terus apapunnya menghandle
Itu kita kan kalo dengan subagent
Kan pokoknya dikasih
Apa? Epic lah
Epic atau
Sejumlah
Yang jumlahnya banyak
Mengorkestrasi
Itu sih agennya menyuruh
Menyuruh dan membuat
Berbagai subagent
Terus memilih skill yang
Milih skill yang
Selesuai
Anti-gravity
Yang kedua nya
Anti-gravity-nya sudah habis
Tinggal 40 persen cloud-nya
Di anti-gravity udah habis
Tinggal 40 persen gak akan kelar itu
Nih, coba
Dirimuk dulu ya bentar ya
Gue juga gitu tuh seharian
Cuma antara kursor, windsurf, anti-gravity
Sampai gratis-nya habis
Ya, nah saya adalah
Bad engineer
Nah itu kan agak FOMO sih
Jujur agak FOMO deh, liat orang apakah
Bisa segacur itu
Cuma maksudnya karena tanggung jawab
Tuntutan kerjaan, saya belum berani
Untuk lepas sejam tang itu
Belum, masih
Masih ngeliat
Masih ngeliat code-nya
Tapi sebenarnya
Anti-gravity ini
Ideanya menarik
Yang agen manager ya
Agent manager
Agent manager itu menarik
Karena
Ya kita udah tinggal
Apa namanya
Hampir sama kayak cloud code kan disini kan
Walaupun dia masih ada editor-nya disini
Tapi kan sebenarnya
Kita ininya
Interaksinya kan disini ya
Taruhnya dimana, bikin playground
Kopas, kopas
Nah, kalau planning-nya anti-gravity
Setahu saya terakhir coba
Ini sebelum update ya, ini lagi update ternyata
Masih downloading update
Sebelum update, planning-nya itu nggak jalan
Jadi tetap kita harus bilang
Do not write any code
Kalau nggak dia pasti nulis code
Enggak sih jalan, eh bisa sih
Jalan ya? Jalan, bentar ya
Belum pernah
Belum pernah kerasa ini
Pake yang flash aja
Pake yang pro, pake yang flash
Flash aja udah cepet
Ini si opus
Ini planning kan
Eh temen-temen kelihatan nggak?
Ya, planning ya
Ini ya
Ininya sama ya?
Sama
Ininya lama nih
Kayaknya
Fetch ke github-nya
Kelamaan
Bisa nggak dia
Fetch ke github
Bisa kan itu apa namanya
Public kan ya
Iya tinggal describe
No
Dia bikin task
Bisa stop it
Bisa langsung ya, bisa langsung dapat
Ininya ya
Fetch aja, fetch aja nggak selesai-selesai
Dia langsung create astro
Tuh, langsung kan
Create astro kan
Oh iya, kok gitu sih
Makanya harus
Planning dulu, harus bilang
Itu tuh bisa kepilih
Always proceed
Atau bisa ya
Kok gue pake ini
Apa, karena belum update nih
Ini ada update nih
Coba ya
Ini bentar
Ada settingnya nih
Restart dulu restart
Ada settingannya
Agent mode setting
Dimana settingnya
Ini nggak kebuka-buka oh ini
Oke
Dimana
Overall setting
Mana ya
Mana
Wait
Kurang dulu
Ulang ya, ini kita apus ya
Udah
Di bagian checknya
Coba check
Udah, planning kan ini kan
Always proceed, yang mana
Settings, agent bentar-bentar
Coba buka settings
Open anti-gravity user settings
Ini kan
Request, oh iya
Request review
Iya ini kan
Ya
Sudah
Emang terakhir sih gitu
Coba lagi ya, ini udah update nih
Coba lagi ya
Soalnya terakhir coba ya begitu
Harus, do not
Write any code
First
Code editornya blur
Memang ya
Memang blur ya
Nggak
Nggak bisa fetching ke GitHub
Nggak tahu kenapa
Tapi sudah ini udah bisa sih
Akhirnya bisa
Coba Ivan dulu
Benar, jalanin command langsung
Saya tadi batalin pakai planning mode
Karena
Something is wrong
Karena saya tadi jalaninnya pakai
Apa namanya nih
Pakai
Docker container
Ini saya jalaninnya di host
Apa ini dia Rm in Rf pula
Bentar
Oke
Rm in Rf
Iya tapi ketitik
Bukan ke slash
Dia harus dipratikan betul
Slash
Makanya saya tak takut
Kalau nggak jalanin
Saya suka jalanin pakai dangerously set
Ignore permission
Yes skip permission
Jadinya
Oh apa ini
Kok ada beginiannya
Entahlah
Jadi
Kalau jalanin itu
Kalau nggak di container
Atau Docker container saya
Nggak percaya kalau di host
Ngeri juga, akan hapus semua
Entah
Oke bentar ya
Eh screen dulu
Harus remove dulu dong
Remove apa nih
Udah remove dulu
Oke harus
Preview action
Nggak, saya maunya
Planningnya dulu, ini nggak ada planning dia
Atau jangan-jangan ada ya, saya nggak lihat ya
Ini bukan
Sebenarnya ada yang planning itu
Di situ sih, di bagian bawah itu doang sih
Sebenarnya
Segini doang
Sekarang ya
Ini direject dulu
Kita hapus dulu
Saya pengen tau bedanya
Kalau pakai
Do not write any code
Ya
Do not
Harus terbesar semua ya
Ya biar dilihat
Blend first
Tapi kok bisa sih
Masih bisa kayak gitu ya
Jangan-jangan pernah
Oh ini di playground ya
Iya
Bukan di workspace
Kalau di workspace, kalau di playground
Udah langsung kayaknya
Oh nggak pernah
Ya udah
Nanti coba aja
Di workspace, tapi nggak usah pakai
Yang huruf besar itu
Itu nurut sih kayaknya
Saya lihat, tadi ada project saya
Di anti-gravity
Mas Riza
Oh bikin pulbrikos, tetapi
Ditu is AI
Eh, mana dia?
Ilang, oh ini
Di stop dulu itu yang di playground
Sayang dopen
Gapapa
Asik
Orang kaya
Orang betul lagi redlimit
Nih dia explore-nya lebih
Lebih mendalam, tadi nggak ada
Buka-buka browser gini nggak ada
Langsung main NPM minute
Aja dia, beda
Itu mungkin karena playground
Mungkin juga
Namanya juga playground, cuma iseng-iseng
Doang
Tapi nggak oke ya
Behavior-nya, maksudnya nggak konsisten, nggak sesuai
Yang di expect user doang berarti
Si behavior dalam
Kasus planning ini kan
Kalau di cloud code, dia nurut kan
Berarti ini
Kayaknya ada
Rule yang salah
Kalau plan itu kan nggak bisa write
Something, ya mungkin dia nggak write ya
NPM minute itu mungkin dia bikin folder ya
Supaya dia bisa bikin
Di dalam situ ya, bikin project kali ya
Maksudnya kan kalau
Plan mode, expectasinya
Jangan eksekusi apapun dulu
Kan mesti ya ngobrol-ngobrol dulu aja
Sampai ada banyak
Kita approve
Betul, tujuannya kan itu
Udah, balik lagi ke Ivan deh
Daripada ngeliatin ini
Oh masih
Tapi sudah lagi build
Mas Yuda
Kalau screen-nya Ivan
Ngeblur nggak?
Kalau nggak ngeblur, berarti
Monitor saya
Berarti
Resolusi saya, nggak kan
Pak itu
Youtube-nya
Dilock di
Youtube-nya quality setting
Mungkin agak turun kali ya
Adaptif dia
Udah jangan nih
Coba ya
Screen-nya Ivan kecil
Phone-nya, iya
Dia matanya masih sehat
Kalau saya, matanya udah nggak sehat
Slow
Tapi kalau nggak diperintah
Selalu ungu kan
Ya nanti lah
Rediciannya gampang lah
Bisa lah
Tapi ini kayaknya nggak
Ini ya nggak
Dia kayaknya nggak konek deh
Ini nggak konek ya
Dia nggak scrape
Terus bikin JSON atau semacamnya
Di hardcode
Coba
Pick random topic
EISC coding
Udah
Lagi-lagi, random-random
Nyangung loh
Ya buat prohok konsep
Jadi ya di-click aja
Pick ya
Coba teman-teman
Posting sesuatu
Shopify phone store
Nggak, nggak masuk
Dia nggak
Dia scrape
Harus jalan
Di apa namanya
Kalau mau konek ke API
GitHub tetap harus pakai
Token walaupun
Public
Gak perlu cuma kalau mau
Salah
Gak usah, ini aja udah cukup bagus
Tadi
Dimana sih ininya
Oh, pakai kursor
Iya, saya pakai kursor
Bentar saya
Buka dulu kursornya
Ya sebentar ya
Nah, ini
Dia planning terus nih
Nggak nulis kode sama sekali
Dia kesulitan
Buka URL
Iya, tadi saya juga
Dia pakai jamun naik flash sih
Pakai jamun naik flash mah
Oh, tuh
Dia bikin data structure, tuh
Planning, bener
Harus pakai kata-kata shakti itu
Ya padahal the point of plan mode kan
Biar kita nggak usah
Bener, sorry
Eh, bentar
Buat apa ya plan mode ini
Datanya dia, scripting
Oh, datanya Jason
Tinggal gue minta aja kali ya
Bikinin sing
Sing script
Iya
Kita harus, kalau kita jalanin
Ngescript ulang
Tunggu, cek dulu konteksnya
Udah berapa ini, kalau habis
Mending bikin lagi
Gak bisa pakai sampai minggu depan
Memori baru
Udah, konteksnya
Diklin dulu, diclear dulu
Iya, auto compact nggak sih
Auto compact, cuma
Kalau auto compact itu lama
Bahaya, bahaya juga
Ada konteks yang hilang
Iya, ada konteks yang hilang
Latest
To get
Latest data
Latest status and data
Ya data and status lah
Eh, tak, tak
Tak
Salah
Gini
Ask me question
If you have
If you ask me question
If you need to clarify
Sudah mas, tadi udah ditanya
Dia awal mas
Dan ada 2, saya ada 3
Oh, kalau gue
Kilo code, cloud code
Kilo code sih
Itu editor sendiri
Ya, kilo code itu sebagai extension
VSCode kan
VSCode kan
Oh, yang diitung IDE-nya doang ya
Bukan, apa, bukan layanan
Oh, berapa editor
Kalau tadi saya nanyanya ini berapa banyak
VSCode 4
Oh, kalau
Kalau editor, VSCode
Pake Graph QRP
API atau pakai
4 doang
Web Scrapping
Pake Github Graph QRP aja
Kalau pakai API harus pakai token
Scrapping aja
Tapi ini kan yang jalanin si web-nya
Emang bisa open
Nggak bisa dibikin manual aja
Ya, udah terserah
Nanti harus generate token nggak
Eh, harus generate API
Harus ngasih token setau gue sih
API key
API key-nya sih
Nggak apa-apa sih
NAM mana
Runtime Fetch aja apa
VSCode, Cursor, Windsurf
Kiro, Anti-Gravity, NeoVim,
Android Studio, wow
Oh, kalau pakai Mac
Kalau pakai MacBook, Xcode
Pasti ada, nggak mungkin nggak ada
Walaupun nggak pernah dipake
Nombor satu lagi
Mungkin pertanyaan jangan editor
Pertanyaannya
Spin the Wheel
Add sound
To the wheel
Atau tambahin
Confetti
Project Management Tools
Mungkin pertanyaannya diganti, jangan editor
Berapa banyak
AGT Coding
Banyak banget
Apa lagi yang CLI
Cuma satu NeoVim
Kilo code
Cloud code
GLM Pro, Anti-Gravity
Cursor, Windsurf
Eh, IBI nggak dihitung ya
Pakai, dihitung juga
Windsurf pakai, masih pakai
Ini loh, yang si
Tas-nya itu, dia bisa
Bisa ini
Bisa banjut
Kalau gua buka
Oh iya, jadi nggak perlu pakai bits ya
Iya
Ya, cuma bits kan bukan buat
Bukan buat itu doang
Bukan buat itu aja
Iya
Oke, jadi minggu depan kita bahasa apa?
Ya udah, suruh itu
Kita pick random to pick aja, Twing
Random sampai kita nggak suka-nggak suka
Oke, kita nggak suka-nggak suka ada check in line
Iya, nggak random juga jadinya
Ini udah
Diklose aja, diklose
Next
Yang mana diklose?
Itu
How Expert Use AI
Kita belum ketemu expert-nya sih
U.S. Code aja
Site Coding
Production Grade
Software with Gen. AI
Site Coding
Ya, next lagi
Jangan Gen. AI, dia nyari aja yang
Gen. AI, Gen. AI semua ya
Site Security
Itu
Apa ini?
Kamanan
Site Security
Ini pernah kan
Terima Sirvan itu
Oh ya, udah ya
Next lagi, next lagi
Kan banyak banget tuh kayak cuma
Satu bagian doang
Training Problem Solving via
Computational Thinking
Training
Melatih, maksudnya melatih
Oh, bahasa Indonesia
Jadi bahasa Inggris
Diterjemahkan
Jadi training
Gak inget kan
Gak inget
Gak inget
Kok ilang?
Oh, dia lagi ngerjain ya?
Oh, sync
Itu ada sync from GitHub
Ada button-nya nih
Oh, ya manual
Kita pencet, dia nge-scribe
Aduh
Error
Oh, si Antigravity
Nggak berhasil mengambil
Scrapping datanya
Dia minta GitHub Personal
Access Token
Padahal kan
Pakai Jiminy Flash sih soalnya
Oh, gitu
Kalau planning itu harus
Kalau planning harus yang pinter
Tapi ini benar
Dia bikin yang planning
Implementation
Pertambahannya
Dia bikin yang planning
Implementation plan-nya
Jadi harus pakai kata-kata shakti itu
Do not write any code
Pakai huruf besar lagi
Iya, nggak
Mesti sih
Pakai waktu kerja juga
Make no mistake
Kayaknya nggak bisa deh
You will be
Shh, nggak bisa ya
Error
Not working
Console
Nggak bisa, hahaha
Yang dia ua apanya
Entahlah
Tapi novice ini
Loading Skeleton
Revert
Adapter deh, si Astro kan
Maksudnya adapter node, mungkin pakai node
Some node function
Untuk nge-scribe
By default
Jadi kita harus install
Gak trigger
Eh, trigger nggak sih? Coba ya
Nggak, nggak trigger
Wih
Buset, dia ngejalanin
Chrome
Cloud in Chrome
Kapan jalannya?
Mending itu aja
Dia bikin CLI code
CLI nya bikin data
Terus datanya jadi environment
Ya udah, gitu aja paling
Nah kan, tapi
Masa ini ngebuktikan
Kalau orang-orang kayaknya
Ya udah, langsung jalan sendiri
Semua, ini kan kita harus yang mikir
Kita harus tau errornya kenapa
Kita mikir, kita kasih solusi
Yaitu misalnya bikin script buat
Fats, command line script, baru kita nyuruh
Betulin, tapi kita
Tahu betulnya harus gimana
Jadi belum bisa sepenuhnya
Diserahin ke
AI
Kelamaan
Kelamaan ya?
Terus
Kita mulai
Gak usah pake sync, balikin lagi aja
Di-revert, bisa nggak di-revert
Dah, itu aja
Enak nih bunyinya
Mechanical keyboard pasti
Tuk-tuk-tuk
Tuk-tuk-tuk suara sepatu buden
ISMR
Iya makanya kalau pake ini
Jadi enak sih, memang
Apalagi kalau file coding kan
Banyak kan bikin spek ya, jadi
Kotok-kotok-kotok-kotok
Berasa jadi kayak tukang ketik ya
Sampai kayak SD, lo ngapain
Bikin novel
Bikin novel
Pajar, php, webstorm
Waduh
Webstorm, IntelliJ, Android Studio
Emeditor, wah, enam
Pertanyaan saya
RAM-nya berapa mas
Bisa banyak begini
Kalau nggak di-load, mungkin bisa
Tapi kalau di-load ya
Bungka
Bahkan nggak sekaligus semua
Dipake ya
Apanya
Oh iya sih
Di-load semua
Buka aja itu
Android Studio sama Xcode udah selesai
Panas
Xcode saya ada, wajib ada
Karena pake Xcode sih
Xcode wajib ada
Maksudnya di-buka dua-duanya
Modin Android dan IOS
Sekaligus
Nggak mungkin kan
Udah nggak neload
Ya, ada
Tapi refer aja nggak cari refer itu sebelumnya
Buat topik minggu depan nih kita
Ini bergantung kepada aplikasi ini nih
Buat topik minggu depan
Hah?
Kalau nggak selesai ya harus sampai selesai nih
Iya
Biar kita bisa milih topik
Kenapa nggak neload
Bilang aja
Oh, gua tau, gua tau
Refresh
Apa reload?
Enggak
Databasenya, dia pakai database nggak ya?
Enggak, enggak
Kenapa ya?
Ya, kadang
Kalau sudah begini
Gua langsung masuk ke coders
Bantuin dia, kenapa
Lu nggak neload dari topik
Itu kan topik
Fallback topik, nih ada nih
Fallback topik
Tetap harus teruntangan ya
Iya
Masih belum bisa ngikutin standarnya
Siapa?
Dan teman-teman
Saya malah merasa dia di 40% itu
Paling efektif
Iya, nanti kalau sudah dia mulai
70% sudah mulai ngacok
Maksudnya, nggak ngacok-ngacok amat
Tapi dia mulai
Mulai turun peperomanya
Ya, mulai turun peperomanya
Dan kalau
Kalau tasnya lain-lain
Selain perkara konteks window, iya
Sama kalau misalnya ada dua tas yang
Maksudnya, dua tas berbeda
Itu kan jadi lebih sulit
Maksudnya, apa? Lebih
Besar risiko buat dia kayak
Halu karena salah paham
Maksudnya, kirain dalam konteks
Tas yang A, tapi sebenarnya
Ini tas B, ya apanya
Memperkecil risiko itu, ya sebetulnya
Pecah jadi
Satu tas yang konkursifnya simpel
Satu tas, satu chat, atau satu session
Saya sudah baca kodenya tadi
Di scan, sudah tahu cara kerjanya
Saya tinggal mengarahin dia
Ternyata dia
Tetap API
Pertama, lalu fallback
Jadi ini
Ya, saya mau
Saya mau
Ini dulu
Datanya dulu, baru fetch
Ternyata dia
Opus, padahal ini opus
Sama saja
Mau opus, mau sonet, mau jemana
Harus benar-benar
Ditarahkan
Ditarahkan
Cuma, kecerdasan
Modelnya itu ngeruh banget
Pas brainstorming sama planning
Punya hal-hal yang abstract thinking
Kalau coding ya, tetap adalah bisa
Ada missnya, tetap harus diarahin
Tapi maksudnya kerasa banget
Bidanya pakai model bego sama model pinter
Itu kalau lagi brainstorming sama
Planning
Aku biasanya bikin MD
File buat planning
Atau define
Itu juga kita itu udah
Bicarakan tadi ya
Tapi
Karena ada planemode, itu dia udah bikinin sendiri
Jadi kita tinggal pakai aja
Lebih memudahkan aja
Sebenernya kalau mau bikin juga bikin
Seperti kita bikin PRD, bikin apa
Itu nggak masalah
Oh itu kan output dari planemode
Bisa di save ke
Planemode kan, maksudnya
Setelah kita puas
Setelah sesuai yang kita mau
Baru dimasukin ke
File
Kita suruh aja update planemode
Yang paling penting adalah, harus ada plan
Dulu sebelum implementasi
Nggak bisa kayak langsung
Implementasi atau langsung
Exemplasi, nggak bisa, harus ada plan
Do not use
Define par
Callback topics
Report full
Masalahnya
Karena ini Astro
Kalau ini define far
Itu jadi inline
Nah karena ini inline, jadi
Pipescriptnya nggak diparsing
Itu masalahnya
Jadi ya
Itu kenapa
Katanya itu
Kalau nyuruh-nyuruh
Ya kan
Katanya kalau
Nyuruh-nyuruh
Harus ini
Harus apa, sumpah serapa
Gak perlu
Kalau dia ngambung
Spin the wheel aja ya
Spin
Waduh nggak kelihatan
Apa ini
Website breakdown
Apa website breakdown
Bedak situs
Oh gitu
Next, next, next
Udah situs
Mau spin wheel atau random topic
Bedak situsnya ini
Kita spin the wheel lagi
Bedak situsnya ini
Yang sekarang ini
Hasil vibe code
Web security
Web security lagi, spin, spin, spin
Ini kita mau
Random
Mau random, tapi nggak mau
Random, cuma UI-nya
Sudah ya, how expert
Use AI, sudah tadi ya
Belum, belum, kita cari expert-nya dulu
Kita cari generasi number-nya
Web coding lagi, tuh kan web coding sering banget
Iya
Coba lagi
Ini probabilitasnya
Diatur, tuh kan
Gak benar nih
Gimana ini random-nya, coba liat
Sopify lagi
Oh ini nih, training telah belum
Ya udah, itu aja lah
Computational thinking itu aja
Computational thinking ya
Deal ya
Gak tau itu apa, cuma yaudahlah
Computational thinking ini ya
Ya, oke
Kalau nggak, nggak selesai ini
Nggak bisa closing kita
Latu, ada, apa?
Tambah komersi
Nah ini aja
Oke
Sip
Sebelum udahan, saya mau nunjukin punya saya dulu
Udah belum?
Udah, eh?
Kok eka-nya
Eka-nya ilang
Ini kan ada implementation plan kan
Gara-gara
Apa? UX-nya enak
Cuma nggak tau tadi
Jadi nggak enak kalau tiba-tiba
Tiba-tiba wording aja
Nah ini kan, misalkan dia bilang
Pakai GraphQL API
Itu bisa, why GraphQL?
Do I have to
Add
GitHub API key
Iya, dari awal
Dia udah bilang tuh, harus pakai ini
Oh
Ya gitu lah, jadi nanti
Kalau saya suka pakai itu juga loh
Eh, lanjut, lanjut, lanjut
Suka pakai apa?
Ya, setelah di-proceed
Baru nanti dia bikinin project-nya
Baru eksekusi gitu
Ada task-nya juga ya, task MD-nya tuh
Planning
Setup
Udah dibikinin
Nah, kalau misalkan
Tadi, siapa yang
Biasanya bikin Markdown ya
Mas ini ya, Muhammad
Muhammad Nur Fahmi
Kalau mau
Planning-nya mau dijadiin Markdown
Bilang aja, save to implementation.md
Bisa
Atau copy paste aja
Yang ini copy paste aja, bisa kan?
Proceed, proceed, proceed
Proceed
Nah, terus si anti-gravity itu
Dia bisa buka browser sendiri
Jadi Chrome, tapi Chrome-nya isolated
Sama Chrome yang kita pakai
Profile terpisah
Terus, by default
Terakhir, testing-nya bikin
Video dong, yang merekam
Ya, acceptance test kan
Acceptance test-nya dalam bentuk video
Bagus-nya bagus, cuma makan token
Jadi bisa kita suruh jangan merekam
Video, tapi ya
Bisa alternatifnya, dia bisa disuruh bikin
Screenshot, nah, itu semua
Artifacts-nya itu bisa diakses dari
Sidebar yang kanan tuh, enak, rapi
Jadinya, jadi kita bisa lihat
Dari pertama, planning-nya kayak gimana
Tasklist-nya kayak gimana
Terus pas terakhir, udah jadi
Bukti, apa buktinya itu
Udah, jadi udah selesai
Bisa dilihat screenshot atau
Video recording-nya
Tapi ada satu kekurangannya, Eka
Saya, yang nggak suka
Kalau misalnya kita sudah ada
Dia ngasih tau tuh, artifact yang perubahannya
Apa, tetapi kalau
Accept edit-nya itu harus pindah
Screen, ke
Editor
Oh, gitu
Itu kurang ya, flow-nya kurang ya
Bukannya otomatis
Disave itu, walaupun kita nggak accept
Jadi otomatis save, tapi kalau lo pindah ke editor
Ini ada accept edit
Jadi banyak banget itu
Iya satu-satu
Iya satu-satu file, atau kalau nggak accept all
Ada sih, kadang muncul, kadang nggak
Di check-nya ya, di check-nya ada accept all, tetapi
Kalau di editor code-nya
Satu-satu file-nya
Ada div-nya, iya, maksudnya itu
Kalau kita mau ngeliat, kalau kita mau
Berubah, itu kan bentuknya div-kan
Kalau, sebetulnya udah ke save
Tapi div-nya nyala, sampai kita
Pencet accept, gue sih gue cuakin aja
Saya tuh, pengennya
Atau lebih enak flow-nya
Di, ya semuanya
Di agent work
Apa namanya, agent workspace ya
Agent workspace-nya aja
Iya, nggak usah buka editor lagi
Nggak usah buka dua editor
Setuju, setuju, setuju
Mau nunjukin ini dulu
Masih nungguin, maksudnya saya
Anti-gravity mencoba
Sesuatu yang di luar
Apa namanya
Di luar
Kebiasaan
Apa tuh, ya udah, tunjukin aja
Ini nggak dijalani kok, cuma nunjukin
Kalau itu terlalu lama nanti
Pakai anti-gravity
Saya membuat
Projek
Untuk
Apa namanya
Pakai goleng
Belajar goleng
Ya
Jadi goleng
Apa namanya
Jadi bisa gini nih, kayak
Ketutup ya
Jadi saya bikin
Tui, tui, tui
Tui, sedap
Loh, salah ya
Ini nih, Ivan
Jadi bisa
Bisa jalanin
Apa namanya
Bisa jalanin
K2
Bisa jalanin
Automation
Ya, automationnya simple aja
Jadi agentnya jalan
Terus kemudian
Misalnya gini ya, saya K2
Apa sih yang pernah saya bikin
Agent
Gemini Prom Hello
Ya, contohnya gini aja lah
Jangan pakai workspace
Bikin brand baru
Ya, nggak usahlah
Maksudnya pakai brand baru
Mau nya pakai
Oh, ini satu jam menai
Atau pakai cloud
Atau jalan
Cloud
Minpay
Say hi
Wow
Nanti bisa jalaninnya
Non interactive
Atau mau interactive
Jadi kalau non interactive, ya
Udah selesai, gitu
Jadi misalnya mau jalanin satu hal
Yang kayak Ralph
Yaitu script
Data baru ngobrolin
Discussion page
Iya, betul, nanti langsung save
Ke file antar
Bisa juga
Atau mau jalanin pakai
Blue
K2
Atau kita masukin api-api berarti disini
Nggak, dia cuma
Manggil, dia cuma rapper si
Dia cuma jadi rapper-nya si
Cloud code
Binary itu
Harus ada cloud-nya
Harus ada jamenanya
Harus ada koreksinya
Jadi kayak proxy, gitu ya
Nggak proxy, gue nggak ada proxy-proxy
Gue cuma manggil doang
Janganin aja kan
Sebagai proxy
Kita nggak punya
XTL-nya
Error aja berarti kan
Nah
Ini si jamenanya ini
Suka error aneh-aneh ini
Si deprecation
Iya, lagi ada error puni code dia
Ini sih kalau jalanin si
Hi, how are you?
How can I help?
Kodex sih sama
Kodex nih
Kodex nih
Tapi pengen jalanin
Interactive
Oh, tambahin interactive
One, two, one, two
Gue lupa
Karena yang bikin mukanya gue
Kesimpulannya
Kalau mau planning, prom-nya harus di force
Iya, kalau untuk anti-gravity sekarang
Sepengalaman saya
Iya, harus di force
Walaupun itunya udah di set
Planning
Kodex
Tuh, langsung
Dia langsung jalanin kodex
Langsung isi say hi
Tapi langsung interactive
Nah, enaknya kan
Kalau misalnya saya karena udah bikin gini
Jadi bisa tadi disambung-sambung tuh
Kayak tadi contol barang
Once
Contohnya ini ya
Jalanin di walktree
Bikinin
Brands baru
Nama front-end build
Iya, agent-nya cloud
Prom-nya ini
Jadi, langsung bikin
Karena sudah new walktree
Langsung setup-in
ENV-nya
Pilihin port-nya
Dan jalankan script setup
Yang cuma database init
Sama database cinder
Jadi, begitu udah mulai
Langsung tinggal jalanin
Mau baca spek
Mau ngapain, terserah
Jadi, kayak cuma nge-boot up
Ini aja sih, nge-boot up
Workflow saya
Banyak yang hal yang perlu saya
Automasi misalnya kayak
Karena harus bikin walktree
Harus setup ENV, harus setup port
Harus
Ada seeding database
Itu kan, makan waktu
Satu-satu, jadi kalau saya pakai
Ini saya, tinggal
Itu
Nice
Saya justru ada bikin main-main aja
Yang pernah saya
Iya, cloud-boot
Iya, cloud-boot
Cuma bahaya, ngapain
Terlalu overkill
Overkill, terlalu powerful
Iya, cuma buat
Memerintahkan CLA aja
Saya yang simpelnya
Ada bikin ini, Mas Diza
Bikin, apa namanya
Private chat
Simpel, apa namanya
Simpel snippet
Untuk
Ngirim
Ngirim pesan ke telegram
Jadi
Jadi yang meranin si ininya
Yang meranin si agennya
Funksinya, terus sebenernya sudah
Ada di bus script, tinggal saya
Jalanin, terus nanti bisa
Ngirim ke telegram saya, jadi kalau misalnya
Lagi rough loop, lagi
Tidur pagi-pagi, nggak telegram, oh
Sudah
Oh iya, oke
Menarik, menarik
Oke
Topik udah
Udah 2 jam kita
Hampir 2 jam kita nge-pancoding
Udah jadi 2 aplikasi
Udah jadi panjang ya
Udah jadi belum tuh
Belum lah, nggak dilanjutin
Ini nanti saya push aja ke itu ya
Push aja, iya, kita lanjutin dari situ aja
Oke, kalau gitu
Terima kasih banyak buat semuanya
Kita ketemu lagi minggu depan
Selamat malam, selamat istirahat, bye bye
[musik]
Buat website Anda lebih menenang
Segera beralik weposting Domain Asia
Deskripsi asli dari YouTube
π£οΈπΈοΈ Selasa malam waktunya #NgobrolinWEB! Malam ini kita akan berbagi bagaimana Eka dan Ivan menggunakan AI Agentic Coding untuk menghasilkan kode yang ciamik. Seru kan?! Mari kita belajar bersama-sama. Episode kali ini merupakan hasil kolaborasi dengan DomaiNesia. Gunakan kode promo: NGOBROLINVPSDN buat diskon 50% langganan Cloud VPS Turbo dan dapat digunakan berkali-kali! Kunjungi https://ngobrol.in untuk catatan, tautan dan informasi topik lainnya.
Episode Terkait
21 Jan 2026
Agentic AI
Episode ini membahas tentang Agentic AI, menjelaskan perbedaan mendasar antara AI/LLM biasa dengan Agent AI. Diskusi ini...
20 Mei 2026
Alat Desain AI
Episode ini menelusuri gelombang alat desain berbasis AI: getdesign.md, Stitch dari Google, Claude Design, Open Design, ...
13 Apr 2023
Ngobrolin Format Warna
Topik malam itu terdengar sepele tapi tak terhindarkan: menentukan warna di CSS. Sesedikit apa pun kita berurusan dengan...
Suka episode ini?
Episode baru setiap Selasa malam. Dengarkan lewat YouTube, Spotify, atau feed podcast favoritmu.
Memuat komentar dari GitHub Discussions...
Jika komentar tidak muncul karena ekstensi privasi / adblocker, kamu bisa berdiskusi langsung di GitHub Discussions .