00:00:00Dengan kemajuan AI dan meningkatnya kekuatan setiap model baru yang dirilis,
00:00:04cara kita menghasilkan kode telah sepenuhnya berubah.
00:00:07Kini terdapat banyak alat yang khusus untuk coding,
00:00:09seperti ClodCode,
00:00:10Cursor,
00:00:11Antigravity,
00:00:11dan lainnya,
00:00:12masing-masing dengan kemampuan uniknya sendiri.
00:00:14Namun model yang bagus saja tidak menentukan kualitas kode yang Anda hasilkan.
00:00:18Cara Anda menggunakan alat tersebut dan mengelola konteks sama pentingnya.
00:00:22Semua alat ini memiliki mekanisme bawaan untuk rekayasa konteks,
00:00:24tetapi Cursor baru saja melakukan terobosan besar dengan pendekatan baru,
00:00:27membangunnya secara native ke dalam aplikasi itu sendiri.
00:00:29Saat saya membaca artikel mereka,
00:00:31saya menyadari prinsip-prinsip ini benar-benar kuat.
00:00:33Kita punya banyak hal untuk dibahas hari ini karena ide-ide ini dapat diterapkan secara luas ke platform apa pun yang Anda gunakan untuk membangun aplikasi.
00:00:40Manajemen konteks selalu menjadi hal krusial saat bekerja dengan agen AI karena manajemen konteks yang baik menentukan kualitas output.
00:00:47Kami sebelumnya telah membahas dalam video-video kami tentang betapa pentingnya manajemen konteks dan membahas alur kerja untuk itu.
00:00:53Cursor mengimplementasikan fitur manajemen konteks langsung ke dalam produk mereka dan merilis artikel tentang hal itu.
00:00:58Prinsip-prinsip ini didasarkan pada pengamatan mereka bahwa,
00:01:01untuk mendapatkan hasil yang baik dari model,
00:01:03lebih baik memberikan sesedikit mungkin detail dalam jendela konteks.
00:01:06Semakin sedikit informasi yang diterima model sekaligus,
00:01:08semakin sedikit data yang harus diprosesnya sekaligus,
00:01:10yang berarti lebih sedikit kebingungan dan lebih fokus pada tugas yang perlu dilakukan saat ini,
00:01:14karena hanya informasi yang relevan yang disertakan.
00:01:17Pendekatan ini adalah yang mereka sebut penemuan konteks dinamis.
00:01:20Idenya adalah pencatatan terstruktur.
00:01:22Artinya,
00:01:22informasi yang tidak diperlukan saat ini seharusnya tidak berada di jendela konteks,
00:01:26mengecualikan detail yang berpotensi membingungkan atau kontradiktif,
00:01:30meningkatkan kualitas respons agen secara signifikan.
00:01:32Rilis terbaru Cursor menambahkan lima metode manajemen konteks dinamis yang akan segera diluncurkan kepada pengguna.
00:01:37Meskipun Cursor mengimplementasikan ini sebagai pembaruan produk,
00:01:41prinsip-prinsip ini dapat diterapkan secara luas ke semua agen AI.
00:01:44Pembaruan pertama yang disebutkan Cursor adalah bahwa respons alat yang panjang harus disimpan ke dalam file.
00:01:48MCP sering mengembalikan respons besar yang tetap berada di jendela konteks.
00:01:52Tidak semua informasi dari respons tersebut selalu diperlukan.
00:01:55Cursor menyebutkan bahwa pendekatan umum dari sebagian besar alat coding adalah memotong respons MCP yang panjang,
00:02:01yang menyebabkan kehilangan data atau informasi penting yang mungkin diperlukan untuk konteks dihapus.
00:02:07Ekstensi Chrome Claude adalah ekstensi yang sangat bergantung pada alat,
00:02:10dan hanya beberapa prompt dapat memenuhi konteks karena memuat potongan besar ke dalam jendela konteks.
00:02:15Jadi saya menambahkan instruksi dalam file Claude.md bahwa setiap respons alat MCP yang lebih dari 50 baris harus disimpan ke folder MCP di dalam folder .context dengan menjalankan perintah echo di terminal.
00:02:27Ketika saya menjalankan ekstensi Chrome untuk menganalisis UI halaman landing,
00:02:30setiap kali Claude menemukan alat seperti ReadPage yang secara signifikan membengkakkan jendela konteks,
00:02:34alat tersebut menyimpan respons MCP ke dalam file untuk pembacaan lebih lanjut,
00:02:38yang menggunakannya untuk menganalisis seluruh halaman dan memberikan laporan kepada saya.
00:02:42Solusi ini meningkatkan akurasi analisis respons alat dengan membiarkan Claude menganalisis respons dari file sebanyak yang diperlukan dan menghilangkan kebutuhan untuk panggilan alat yang berulang.
00:02:52Ketika data dari panggilan MCP sebelumnya diperlukan,
00:02:54Claude dapat membacanya langsung dari folder .context tanpa melakukan panggilan alat,
00:02:58menghemat waktu yang signifikan.
00:03:00Sebelum kita melanjutkan ke perubahan berikutnya,
00:03:02mari kita dengarkan dari sponsor kami,
00:03:03Zen Rose.
00:03:04Jika Anda membangun produk AI,
00:03:05otomasi,
00:03:06atau sistem berbasis data,
00:03:07Anda sudah tahu satu hal,
00:03:08semuanya dimulai dengan data web yang andal.
00:03:10Tetapi mendapatkan data yang bersih dan terstruktur dalam skala besar lebih sulit dari yang terdengar.
00:03:15Di sinilah Zen Rose cocok sempurna dengan stack Anda..
00:03:18Zen Rose menangani ekstraksi data dari situs web kompleks sambil secara otomatis mengelola bypass anti-bot sehingga Anda dapat fokus pada hal yang benar-benar penting yaitu menggunakan data.
00:03:27Alih-alih berurusan dengan output yang berantakan,
00:03:29Zen Rose menghasilkan hasil terstruktur seperti JSON atau Markdown yang siap diintegrasikan langsung ke dalam pipeline Anda.
00:03:35Sistem ini siap diintegrasikan dan berfokus pada bisnis,
00:03:38menjadikannya ideal untuk startup AI,
00:03:39tim data,
00:03:40dan pembuat automasi yang tidak ingin repot mengurus infrastruktur..
00:03:43Baik Anda memperkaya leads,
00:03:44menggerakkan agen AI,
00:03:45atau mengotomatiskan riset,
00:03:46Zen Rose bekerja dengan sempurna.
00:03:48Jika pekerjaan Anda bergantung pada data web,
00:03:50Zen Rose wajib ada dalam stack Anda..
00:03:52Klik tautan di komentar yang disematkan dan mulai membangun hari ini.
00:03:55Kita tahu bahwa langkah peringkasan ketika jendela konteks penuh sangatlah berantakan dan menyebabkan hilangnya banyak informasi.
00:04:01Sebagian besar tool,
00:04:02termasuk cursor dan Claude code,
00:04:03memicu langkah peringkasan dan memulai sesi dengan jendela konteks baru yang menggunakan ringkasan sebagai titik awal..
00:04:09Ketika Anda melakukan compact berulang kali,
00:04:11ringkasan mulai melupakan detail yang mungkin penting bagi Anda tetapi mungkin terlewatkan oleh ringkasan model.
00:04:16Kontrol yang Anda miliki atas auto-compaction sangat terbatas,
00:04:20dan kompresi berulang menyebabkan hilangnya informasi penting jika harus dilakukan berkali-kali.
00:04:24Solusi Cursor adalah menyimpan semua riwayat chat sebelumnya sebagai file agar agen dapat merujuknya nanti.
00:04:30Ketika kita memberikan prompt yang sangat spesifik dan model tidak dapat menemukan informasi dalam ringkasan,
00:04:35transkrip sebelumnya berfungsi sebagai basis pengetahuannya.
00:04:37Model menggunakan transkrip tersebut untuk menghasilkan solusi,
00:04:40memungkinkannya memulihkan segala sesuatu yang hilang dari ringkasan.
00:04:43Sampai implementasi cursor diluncurkan dan tersedia untuk semua orang,
00:04:47saya mencoba mengimplementasikan fitur ini dengan Claude code.
00:04:50Saya menambahkan instruksi di dalam file Claude.md untuk memperbarui riwayat chat setelah setiap giliran,
00:04:54mendokumentasikan semua keputusan dan langkah-langkah kunci yang diambil.
00:04:58Sistem ini menggunakan folder history di dalam folder .context dengan nama setiap file mencerminkan sesinya.
00:05:03Jadi setiap kali saya memintanya melakukan tugas apa pun,
00:05:05di akhir sesi eksekusi tugasnya,
00:05:07sistem mendokumentasikan riwayat chat ke dalam file history yang sesuai,
00:05:10menambahkan semuanya ke file tersebut.
00:05:12Dengan cara ini,
00:05:13folder .context berisi catatan detail dari semua sesi dan semua yang telah dilakukan.
00:05:18Agen diberikan skills untuk membantu mengelola masalah konteks yang disebabkan oleh MCP.
00:05:23Tujuan utama skills adalah membuat agen memberikan kemampuan yang lebih baik dalam menggunakan kapabilitasnya sendiri dengan memandu melalui skrip dan file instruksi,
00:05:30mengurangi pembengkakan konteks melalui progressive disclosure.
00:05:33Anthropic adalah yang pertama mencetuskan ide ini,
00:05:35yang pada dasarnya memberikan agen seperangkat instruksi,
00:05:38skrip,
00:05:38dan sumber daya yang dapat ditemukan dan digunakan agen untuk bekerja lebih baik pada tugas-tugas tertentu.
00:05:43Anthropic pada dasarnya membuat skills agen ini bersifat open-source,
00:05:47menetapkan standar yang dapat diimplementasikan oleh pihak lain.
00:05:50Setelah ini,
00:05:50Codex,
00:05:51Gemini,
00:05:51dan lainnya mulai mengimplementasikan skills agen,
00:05:54setelah itu akhirnya giliran cursor melakukan hal yang sama.
00:05:56Skills cursor pada dasarnya adalah executable dan skrip yang sama yang digabungkan menjadi satu skill yang dapat digunakan agen untuk tugas-tugas masing-masing.
00:06:04Hanya nama dan deskripsi skills yang ada dalam konteks statis..
00:06:07Setelah berada di dalam konteks statis,
00:06:08agen dapat menarik skill mereka sendiri menggunakan grep dan pencarian semantik cursor.
00:06:13Inilah yang membuatnya berbeda,
00:06:14karena pencarian semantik cursor menggunakan model embedding dan pipeline indexing tersendiri di latar belakang,
00:06:20bukan pencocokan pola biasa seperti pencarian berbasis regex pada perintah grep.
00:06:23Skill Claude hanya menampilkan nama dan deskripsi dalam konteks,
00:06:27tidak peduli berapa banyak file yang digunakan skrip,
00:06:29mencegah pembengkakan konteks.
00:06:31Dalam proyek saya,
00:06:32saya telah mengonfigurasi 5 skill,
00:06:33masing-masing hanya mengonsumsi sangat sedikit token,
00:06:36sekitar 0,
00:06:362% dari total,
00:06:37menyisakan lebih banyak ruang untuk bekerja.
00:06:39Yang berbeda adalah skill Claude juga dapat diakses melalui /commands,
00:06:43memungkinkan Anda memicunya secara manual kapan pun diperlukan,
00:06:46menjawab keluhan orang-orang tentang skill yang tidak dimuat sesuai permintaan dengan baik.
00:06:50MCP mengandung banyak tool yang semuanya terekspos di jendela konteks,
00:06:53membengkakkan jendela konteks secara tidak perlu.
00:06:56Cursor mengambil inisiatif dan menekankan bahwa menjadi tanggung jawab agen coding,
00:07:00bukan server MCP,
00:07:01untuk memperbaiki pembengkakan konteks.
00:07:03Solusinya adalah penemuan konteks dinamis dengan menyinkronkan deskripsi tool dalam folder.
00:07:07Ide Cursor adalah memiliki semua MCP dengan namanya di folder terpisah,
00:07:10dinamai sesuai setiap MCP yang terhubung,
00:07:12dan di dalam setiap folder,
00:07:14semua tool harus terdaftar.
00:07:15Dengan ini,
00:07:16agen hanya menerima nama-nama tool,
00:07:17dan kapan pun membutuhkan tool apa pun,
00:07:19ia mencarinya melalui folder.
00:07:21Dalam pengujian yang mereka lakukan,
00:07:22mereka menemukan bahwa penemuan dinamis tool MCP mengurangi penggunaan sebesar 46,
00:07:269%,
00:07:27yang membuat perbedaan besar jika Anda bekerja pada sistem yang berjalan lama.
00:07:31Implementasi ini juga membantu dalam kasus di mana server MCP secara tidak sengaja terputus atau memerlukan autentikasi ulang.
00:07:37Biasanya,
00:07:37sistem hanya akan melupakan tool-tool tersebut,
00:07:39tetapi sekarang agen benar-benar dapat memberi tahu pengguna bahwa autentikasi ulang diperlukan.
00:07:44Claude juga memiliki tool pencarian lanjutan yang secara khusus dirancang untuk mengatasi masalah ini,
00:07:49menggunakan serangkaian flag tertentu untuk memberi tahu Claude apakah akan memuatnya atau tidak.
00:07:54Ini mengimplementasikan ide penemuan konteks dinamis Cursor yang persis sama,
00:07:58tetapi ini terbatas pada platform pengembang,
00:08:00dan hanya untuk mereka yang membangun dengan API.
00:08:02Kami tidak dapat mengubah cara MCP digunakan di Claude code,
00:08:05karena itu sudah dibangun ke dalamnya oleh Anthropic.
00:08:08Saat saya mencari cara untuk mengimplementasikan ini di Claude code,
00:08:11saya menemukan flag tersembunyi.
00:08:13Tanpa mengatur flag ini,
00:08:14semua tool MCP yang telah saya hubungkan terekspos dalam konteks Claude code.
00:08:17Ketika saya mengatur flag enable experimental MCP CLI,
00:08:20semua tool dihapus dari jendela konteks,
00:08:22membebaskan ruang yang sebelumnya ditempati oleh tool MCP.
00:08:25Tetapi itu bukan berarti MCP terputus ketika CLI ini diaktifkan.
00:08:28Satu-satunya perbedaan adalah mereka tidak terekspos di depan dalam jendela konteks.
00:08:32Alih-alih memasukkan semua skema ke dalam konteks,
00:08:34Claude sekarang menggunakan lapisan bash tengah yang disebut MCP CLI,
00:08:38yang menangani semua tugas terkait MCP.
00:08:40Claude menggunakan lapisan tengah ini untuk mencari,
00:08:42mendapatkan informasi,
00:08:43dan memanggil tool.
00:08:44Kapan pun Anda meminta Claude melakukan tugas apa pun yang memerlukan panggilan tool MCP,
00:08:48alih-alih menggunakan metode biasa,
00:08:50ia menggunakan MCP melalui MCP CLI dan melakukan tugas yang diperlukan.
00:08:54Dengan menggunakan tool ini,
00:08:55Claude menjalankan semua tugas seperti biasa,
00:08:57hanya melalui lapisan tengah ini.
00:08:59Melaporkan error terminal sulit di Cursor karena aksesnya yang terbatas.
00:09:02Jika terminal menampilkan error apa pun,
00:09:04Anda perlu menambahkannya ke chat dan kemudian memperbaikinya.
00:09:07Solusi Cursor untuk ini juga memindahkan sesi terminal ke file.
00:09:10Jadi kapan pun Anda mengajukan pertanyaan apa pun,
00:09:13ia merujuk file riwayat tersebut dan menggunakan grep untuk mengekstrak output yang relevan..
00:09:20Karena log server biasanya berjalan lama dan mengandung banyak noise untuk agen,
00:09:24menggunakan tugas grep lebih efisien karena memungkinkan agen mencocokkan pola.
00:09:28Mereka mendapat ide ini dari agen coding berbasis CLI,
00:09:31yang menjalankan perintah,
00:09:32tetapi kemudian outputnya diinjeksikan ke dalam konteks persis seperti yang dilakukan Claude code dan lainnya secara default.
00:09:38Meskipun Claude menangani ini secara cerdas dengan sendirinya,
00:09:42kita dapat mengelolanya lebih lanjut dengan menggunakan instruksi di Claude.md untuk memerintahkannya menambahkan semua log terminal ke dalam file di folder terminal di dalam folder .context.
00:09:51Pada dasarnya,
00:09:52jika Claude menjalankan perintah npm apa pun,
00:09:54ia menjalankan perintah khusus yang mencatat aliran output dan aliran input ke dalam file dokumen.
00:09:59Di sini,
00:10:002 mewakili aliran error standar dan 1 mewakili aliran output standar.
00:10:03Log ini ditulis ke folder terminal dengan penanda timestamp.
00:10:06Kemudian,
00:10:07setiap kali perlu mencari di dalamnya,
00:10:08cukup gunakan perintah grep dengan pola tertentu dan memuat 20 baris terakhir untuk mengekstrak hanya yang penting..
00:10:15Jadi setiap kali saya menguji server development,
00:10:17ia menggunakan perintah-perintah ini dan terus menulis hasil terminal ke file sesuai dengan file Claude.md.
00:10:22Setelah menjalankan server,
00:10:24ia merujuk ke file log dan mencari tahu apa yang menyebabkan masalah tersebut dan memperbaikinya untuk saya..
00:10:29Meskipun tambahan untuk Claude code ini mungkin tampak tidak signifikan karena tidak terlihat berdampak besar pada pekerjaan langsung,
00:10:34ini bisa sangat berguna ketika Anda ingin merujuk kembali ke cara kerja aplikasi Anda.
00:10:38Seperti ketika saya perlu mengidentifikasi layanan mana yang menyebabkan aplikasi saya crash,
00:10:42saya cukup meminta Claude untuk merujuk ke log pengujian daripada menjalankan tes lagi,
00:10:46menghemat saya dari menjalankan ulang test suite 2 menit hanya untuk mereproduksi error yang sudah saya lihat.
00:10:51Itu membawa kita ke akhir video ini.
00:10:52Jika Anda ingin mendukung channel ini dan membantu kami terus membuat video seperti ini,
00:10:56Anda bisa melakukannya dengan menggunakan tombol super thanks di bawah.
00:10:59Seperti biasa,
00:10:59terima kasih sudah menonton dan sampai jumpa di video berikutnya..