[{"data":1,"prerenderedAt":265},["ShallowReactive",2],{"\u002Fblog\u002Ftui-cognitive-bandwidth\u002F:id":3,"\u002Fblog\u002Ftui-cognitive-bandwidth\u002F-surround:id":160,"blog-all-posts:id":161},{"id":4,"title":5,"author":6,"body":10,"date":142,"description":143,"extension":144,"image":145,"locale":146,"meta":147,"minRead":148,"navigation":149,"original":150,"path":151,"pinned":150,"seo":152,"source":153,"sourceUrl":23,"stem":154,"tags":155,"updated":145,"__hash__":159},"blog\u002Fblog\u002Ftui-cognitive-bandwidth.id.md","TUI Sedang Membunuh Bandwidth Kognitifmu: Saatnya Filter “Geek” dalam AI Coding Dihancurkan",{"name":7,"avatar":8},"Chen Dahuang",{"src":9,"alt":7},"\u002Favatar.jpg",{"type":11,"value":12,"toc":133},"minimark",[13,28,31,34,37,42,45,52,58,64,67,71,74,81,84,88,94,97,100,104,107,110,113,117,120,123,130],[14,15,16],"blockquote",{},[17,18,19,20,27],"p",{},"Gagasan utamanya pertama kali dipublikasikan di ",[21,22,26],"a",{"href":23,"rel":24},"https:\u002F\u002Fx.com\u002Frealchendahuang\u002Fstatus\u002F2087949416808518106",[25],"nofollow","X","; artikel ini adalah versi lengkapnya.",[17,29,30],{},"Belakangan ini hampir semua AI Coding Agent leluasa mengeluarkan TUI, dan Claude Code patut menanggung tanggung jawab besar atas tren ini. Ia membuat “ngobrol dengan AI di terminal untuk menulis kode” terasa sangat keren — tapi juga menanamkan selera dan kebiasaan jalur: Coding Agent yang “benar-benar kelas atas” ya harus berbasis terminal; versi web dianggap cuma pelengkap, bahkan diolok-olok “kurang programmer”.",[17,32,33],{},"Hasilnya? Bikin dulu TUI yang ribet — penuh warna, status bar, shortcut, ganti mode — lalu kasih label “immersive”, “efisien”, “menghormati programmer”.",[17,35,36],{},"Serius?",[38,39,41],"h2",{"id":40},"kamu-mengira-sedang-mengobrol-padahal-sedang-bergulat","Kamu Mengira Sedang Mengobrol, Padahal Sedang Bergulat",[17,43,44],{},"Untuk segelintir orang yang hidup di terminal sepanjang hari, oke, TUI memang nyaman. Tapi bagi banyak orang lain, itu gerbang yang sengaja dibikin susah. Saat berkolaborasi dengan agent lewat TUI, sebenarnya kamu terus-menerus melakukan tiga hal:",[17,46,47,51],{},[48,49,50],"strong",{},"Menghafal shortcut dan mode."," Tiap tool punya kebiasaan tombolnya sendiri; pengguna baru bingung, dan pengguna lama pun harus menyesuaikan diri lagi di tiap tool.",[17,53,54,57],{},[48,55,56],{},"Mencari informasi di dalam arus karakter yang terus bergulir."," Status tidak dibentangkan di depanmu — dia terkubur di timeline yang harus kamu “gali” dengan scroll dan search.",[17,59,60,63],{},[48,61,62],{},"Berdoa supaya tidak tak sengaja masuk ke mode yang aneh."," Pergantian mode itu tak terlihat; seringnya kamu tidak tahu sedang di mode apa, sampai masalah muncul.",[17,65,66],{},"Ini bukan interaksi lagi — ini bergulat dengan antarmuka.",[38,68,70],{"id":69},"kepadatan-informasi-bukan-efisiensi-informasi","Kepadatan Informasi Bukan Efisiensi Informasi",[17,72,73],{},"Kata favorit pembela TUI adalah “kepadatan informasi”. Tapi begitu kepadatan didorong ke batas maksimal, harganya adalah keterbacaan dan kemampuan pemulihan yang terinjak sampai dasar.",[17,75,76,77,80],{},"Antarmuka yang benar-benar efisien seharusnya ",[48,78,79],{},"membentangkan status di depanmu",", menyerahkan pemahamannya ke mata dan rasa spasialmu — task mana yang sedang jalan, sesi mana yang menunggu input, file mana yang berubah — sekali lirik langsung kebaca. Bukan memaksa kamu menjejalkan semuanya ke memori jangka pendek sementara otak merawat peta tak kasatmata “status sistem saat ini”.",[17,82,83],{},"Memori kerja manusia cuma punya empat sampai tujuh slot. Model interaksi TUI pada dasarnya membelanjakan sumber daya kognitif paling berharga untuk “mengingat status antarmuka”, bukan untuk “berpikir tentang masalah”.",[38,85,87],{"id":86},"ia-juga-memelihara-kebiasaan-buruk","Ia Juga Memelihara Kebiasaan Buruk",[17,89,90,91],{},"Lebih parah lagi, ekosistem TUI menanamkan penilaian nilai yang kacau: ",[48,92,93],{},"menganggap hafal tombol sebuah tool sebagai keahlian itu sendiri.",[17,95,96],{},"Akibatnya orang menghabiskan energi besar untuk menyesuaikan diri dengan antarmuka, bukan untuk berpikir tentang masalah. Tolok ukur programmer berubah jadi “bisakah kamu melafalkan shortcut-shortcut ini” alih-alih “bisakah kamu memecah masalah dengan jelas”.",[17,98,99],{},"Tool yang baik seharusnya menurunkan biaya berpikir, bukan memindahkan biaya berpikir ke “cara mengoperasikan antarmuka ini”.",[38,101,103],{"id":102},"web-ui-bisa-saja-cepat-dan-bersih","Web UI Bisa Saja Cepat dan Bersih",[17,105,106],{},"Ada yang bilang web lambat dan kurang “native”. Sudah tahun 2026 — argumen itu mati sejak lama.",[17,108,109],{},"Web UI bisa saja cepat dan bersih: setelah dipasang sebagai PWA hampir tak ada bedanya dengan aplikasi desktop, pembaruannya pun lebih enak — tanpa upgrade manual, sekali refresh langsung versi terbaru. Sesi panjang, banyak task paralel, visualisasi status task — justru ini kekuatan DOM browser, bukan kekuatan arus karakter.",[17,111,112],{},"Setup andalanku sendiri adalah antarmuka web semacam OpenChamber di atas inti OpenCode, dipakai intensif jangka panjang — kokoh. Kalau mau cari-cari kesalahan, bug kecil sesekali di web tidak pernah mengganggu penggunaan jangka panjang; sebaliknya pergantian mode di beberapa TUI sudah berkali-kali menyengatku.",[38,114,116],{"id":115},"tool-dibuat-untuk-manusia-bukan-untuk-membuktikan-siapa-lebih-geek","Tool Dibuat untuk Manusia, Bukan untuk Membuktikan Siapa Lebih “Geek”",[17,118,119],{},"Claude Code sendiri memang kuat, itu tidak diperdebatkan. Tapi ia yang memopulerkan selera “TUI adalah jalan yang benar”, dan para peniru setelahnya makin parah — bahkan malas mendesain interaksi, lalu menganggap “hidup di terminal” sebagai bukti kelas.",[17,121,122],{},"Membungkus interaksi anti-manusia sebagai sesuatu yang kelas atas — benar-benar lucu.",[17,124,125,126,129],{},"Tool dibuat untuk manusia. Ukurannya seharusnya selalu satu: ",[48,127,128],{},"apakah ia menurunkan total biayamu untuk menyelesaikan pekerjaan?"," Kalau sebuah antarmuka membuatmu menguras energi untuk “bergulat dengan antarmuka”, seratus persen dia aset negatif berapa pun “geek”-nya.",[17,131,132],{},"Lain kali memilih Coding Agent, lepas dulu filter ini.",{"title":134,"searchDepth":135,"depth":135,"links":136},"",2,[137,138,139,140,141],{"id":40,"depth":135,"text":41},{"id":69,"depth":135,"text":70},{"id":86,"depth":135,"text":87},{"id":102,"depth":135,"text":103},{"id":115,"depth":135,"text":116},"2026-09-09","Belakangan ini segambreng AI Coding Agent berlomba meluncurkan TUI, mengembalikan interaksi ke paradigma terminal tahun 1980-an, lalu menyebutnya “immersive” dan “menghormati programmer”. Artikel ini membedah tiga mekanisme di balik cara TUI menurunkan bandwidth kognitif secara sistematis, dan mengapa Web UI justru jawaban yang benar.","md",null,"id",{},7,true,false,"\u002Fblog\u002Ftui-cognitive-bandwidth",{"title":5,"description":143},"x","blog\u002Ftui-cognitive-bandwidth.id",[156,157,158],"Pemrograman AI","Desain interaksi","Esai","UecCxDpfyA94ESE94_SyIguejVKJAqqnTV5PmCEDdqw",[145,145],[162,171,180,189,195,203,209,216,224,230,237,246,248,256],{"path":163,"title":164,"description":165,"date":166,"minRead":167,"tags":168},"\u002Fblog\u002Fagent-harness-selection","Setelah mencoba Pi Agent, OMP, Codex, dan ZCode, inilah mengapa saya akhirnya memilih OpenCode + OpenChamber","Rekap pemilihan Agent Harness: tiga kriteria — pengalaman GUI, vendor lock-in, dan kebebasan pengembangan lanjutan — menyingkirkan Pi Agent, OMP, Codex, dan ZCode, dan pada akhirnya jatuh pada inti OpenCode + antarmuka OpenChamber.","2026-08-06",6,[169,170],"AI Agent","Pemilihan alat",{"path":172,"title":173,"description":174,"date":175,"minRead":167,"tags":176},"\u002Fblog\u002Fcloudflare-broke-stack","Praktik terbaik indie dev 2026: tumpukan Cloudflare all-in-one untuk yang bokek","Tumpukan teknologi tanpa biaya untuk pengembang indie: Codex untuk menulis kode, GitHub untuk kontrol versi, Stripe untuk pembayaran, TanStack Start untuk frontend, Hono + Workers untuk backend, D1 untuk database, R2 untuk penyimpanan, KV untuk cache — semuanya berjalan di atas Cloudflare.","2026-06-15",[177,178,179],"Cloudflare","Pengembangan indie","Tumpukan teknologi",{"path":181,"title":182,"description":183,"date":184,"minRead":167,"tags":185},"\u002Fblog\u002Fdeepseek-api-web-search","API DeepSeek punya pencarian web bawaan — manfaatkan cuma-cuma kemampuan pencarian resmi lewat Responses API","DeepSeek membangun pencarian web langsung di dalam API-nya: panggil deepseek-v4-flash lewat antarmuka Responses dan deklarasikan tool web_search. Tanpa integrasi mesin pencari pihak ketiga, tanpa perlu kunci API pencarian.","2026-08-05",[186,187,188],"DeepSeek","API","Alat AI",{"path":190,"title":191,"description":192,"date":184,"minRead":148,"tags":193},"\u002Fblog\u002Fdeepseek-v4-flash-review","DeepSeek V4 Flash rilis stabil, ulasan langsung: murah, cepat, konteks 1M, pencarian bawaan","Beberapa hari mendalami rilis stabil DeepSeek V4 Flash: murah gila-gilaan, secepat kilat, konteks 1M, pencarian web bawaan resmi, sepenuhnya open source. Satu-satunya kelemahan adalah multimodalitas — tapi bisa ditambal dengan mengombinasikan model lain.",[186,194,188],"Ulasan model",{"path":196,"title":197,"description":198,"date":175,"minRead":199,"tags":200},"\u002Fblog\u002Ffree-cloudflare","Bagaimana pengguna gratis bisa memeras Cloudflare sampai kering — sejauh apa tier gratis sebenarnya bisa membawa Anda?","Tier gratis Cloudflare mampu menopang hampir seluruh infrastruktur internet pribadi: DNS, CDN, Pages, Workers, KV, D1, R2, email, Tunnel, AI Gateway, dan lain-lain.",8,[177,201,202],"Tier gratis","Deployment",{"path":204,"title":205,"description":206,"date":142,"minRead":199,"tags":207},"\u002Fblog\u002Fmodel-harness-decoupling","Harness pabrikan tidak selalu jadi jawaban terbaik: di era model terbuka, pilih model dan Harness secara terpisah","Pakai Claude ya langsung Claude Code? Di era model terbuka, insting itu perlu di-upgrade. Keunggulan pabrikan itu nyata, tapi melatih model yang bagus dan membangun Harness yang bagus adalah dua bidang rekayasa yang berbeda — artikel ini menjelaskan kenapa pilihan model dan Harness kini bisa dipisahkan, plus peta posisi lima Harness.",[169,208,170],"Harness",{"path":210,"title":211,"description":212,"date":142,"minRead":199,"tags":213},"\u002Fblog\u002Fopencode-productive-stack","Stabil, Cepat, Produktif, Murah: Rekam Lengkap AI Coding Stack-ku","OpenCode + OpenChamber + dua langganan DeepSeek V4 Flash: 15 proyek jalan kode bersamaan dan kuota cuma bergerak sedikit. Konfigurasi lengkap kubongkar: pemangkasan context, memori berlapis, otomasi desktop, dan pelajaran “tetap pada pasangan aslinya”.",[214,156,215],"OpenCode","Konfigurasi",{"path":217,"title":218,"description":219,"date":220,"minRead":221,"tags":222},"\u002Fblog\u002Fproduct-faxin-principle","Prinsip niat awal: mengapa pengembang indie harus belajar melepas","Mengapa Anda memulai? Untuk siapa Anda memulai? Masalah mana yang sebenarnya ingin Anda selesaikan? Ketajaman sebuah produk berasal dari apa yang berani Anda buang.","2026-06-20",10,[223,178],"Pemikiran produk",{"path":225,"title":226,"description":227,"date":220,"minRead":199,"tags":228},"\u002Fblog\u002Fproduct-pain-vs-itch","Jangan terbawa suasana saat pengguna bilang 'keren': pain point vs. itch point","Pujian lisan tidak bernilai sama sekali. Hanya ada satu standar keras untuk menilai permintaan: lihat apa yang bersedia dibayar oleh pengguna.",[223,229],"Penilaian permintaan",{"path":231,"title":232,"description":233,"date":166,"minRead":234,"tags":235},"\u002Fblog\u002Fqwen-vision-for-deepseek","Memberi DeepSeek kemampuan multimodalitas: pendekatan visi Qwen-3.7-Flash","DeepSeek V4 Flash tidak punya multimodalitas — bagaimana untuk pemahaman gambar? Setelah menyurvei pasar, opsi yang paling hemat biaya saat ini adalah Qwen-3.7-Flash: mengenali gambar nyaris tanpa biaya, dan dipadukan dengan V4 Flash ia menambal celah ini.",5,[186,236,194],"Multimodalitas",{"path":238,"title":239,"description":240,"date":241,"minRead":242,"tags":243},"\u002Fblog\u002Fsub-store-cloudflare","Saya memindahkan agregasi langganan proxy ke Cloudflare","Gabungkan beberapa layanan proxy plus node Anda sendiri menjadi satu langganan tunggal, dengan aturan routing dikonfigurasi di sisi server — klien tinggal berlangganan.","2026-06-28",4,[177,244,245],"Menembus blokir","Proyek open source",{"path":151,"title":5,"description":143,"date":142,"minRead":148,"tags":247},[156,157,158],{"path":249,"title":250,"description":251,"date":252,"minRead":167,"tags":253},"\u002Fblog\u002Fvalue-not-external","Mendebat apakah sesuatu itu berharga — itu sendiri tidak berharga","Nilai kita tidak ditentukan oleh siapa pun. Di era AI, bagaimana seharusnya manusia memahami dirinya?","2026-06-18",[254,255],"Pemikiran AI","Esai humanis",{"path":257,"title":258,"description":259,"date":260,"minRead":261,"tags":262},"\u002Fblog\u002Fx-growth-1000-followers","Naik 1000+ pengikut dalam sehari lebih — ini yang saya lakukan","Pada bulan Juni saya mengoperasikan akun X dengan serius dan memperoleh 1000+ pengikut dalam sehari lebih. Posting ini mencatat apa yang saya lakukan dan umpan balik yang saya dapatkan.","2026-06-16",12,[263,264],"Operasi X","Pertumbuhan konten",1789752318991]