Lompat ke konten utama
EP 155

Alat Pengkodean Agen

Ringkasan Episode

Bantu Koreksi

Episode 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

Bagikan:

Suka episode ini?

Episode baru setiap Selasa malam. Dengarkan lewat YouTube, Spotify, atau feed podcast favoritmu.

Pilih Cara Langganan

Memuat komentar dari GitHub Discussions...

Jika komentar tidak muncul karena ekstensi privasi / adblocker, kamu bisa berdiskusi langsung di GitHub Discussions .