Cara Memperbaiki 90% Kesalahan di Claude Code

Pembicara memperkenalkan bagaimana ekstensi Chrome Claude Code baru meluncurkan sebagai MCP terintegrasi dengan potensi yang jauh lebih besar dibandingkan alat lama seperti Playwright atau Puppeteer. Dijelaskan bahwa alat-alat tersebut memiliki masalah serius termasuk konteks window yang membengkak, folder proyek yang berantakan dengan tangkapan layar, dan ketidakmampuan menyelesaikan tindakan. Pembicara menekankan bahwa alat baru ini built-in khusus untuk Claude Code dan memberikan semua alat kustom yang diperlukan. Meskipun ada beberapa masalah besar yang perlu diperbaiki langsung, ekstensi ini menandai perubahan signifikan dalam kemampuan Claude untuk pengujian otomatis dan interaksi web.

Pembicara memberikan informasi tentang Automata, sebuah layanan yang mengimplementasikan alur kerja AI development secara langsung untuk klien. Mereka menjelaskan bahwa setelah mengajarkan jutaan orang cara membangun dengan AI, tim mereka menyadari mereka dapat membangun produk yang lebih baik lebih cepat. Automata bertindak sebagai copilot teknis yang mengubah konsep menjadi solusi nyata tanpa kerumitan merekrut atau mengelola tim development. Layanan ini ditujukan untuk orang-orang yang memiliki ide bagus tetapi tidak memiliki tim teknis untuk mengeksekusinya, dengan kontak hello@automata.dev untuk lebih lanjut.

Pembicara mengidentifikasi masalah pertama utama yaitu Claude melakukan operasi gulir dan menangkap tangkapan layar untuk setiap bagian halaman, yang membuang banyak token konteks. Solusi yang ditawarkan adalah membuat skrip yang memanfaatkan alat web berbeda untuk mengambil tangkapan layar halaman penuh sekaligus. Instruksi ditambahkan ke perintah garis miring kustom di proyek sehingga Claude mengenali pengujian halaman penuh dan menggunakan skrip secara langsung. Hasil dari optimasi ini adalah pengujian yang berlangsung jauh lebih cepat dengan akurasi yang sama, menghemat token dan waktu pemrosesan yang signifikan.

Pembicara menjelaskan masalah kedua bahwa MCP tools sering memuat semua HTML dalam tag utama alih-alih div tertentu, menghabiskan sebagian besar jendela konteks dengan informasi yang tidak perlu. Solusi adalah menambahkan instruksi di file claude.md tentang cara mengelola konteks dengan benar saat menggunakan ekstensi Chrome. Masalah ketiga diidentifikasi sebagai Claude menghabiskan waktu dan token pada pop-up seperti notifikasi cookie dan permintaan serupa. Untuk mengatasi ini, pembicara membuat skrip yang mencakup pemilih tombol "tutup" paling umum dan pola untuk menutup banner cookie secara otomatis, dengan instruksi di claude.md untuk menjalankan skrip ini terlebih dahulu sebelum melanjutkan dengan konten utama.

Pembicara menerangkan bahwa Claude memiliki pembatasan keamanan dari menangkap atau menyelesaikan autentikasi atas nama pengguna, sehingga situs dengan login atau CAPTCHA harus diautentikasi secara manual terlebih dahulu. Untuk alasan keamanan, ini adalah keputusan yang disengaja dan pengguna harus menangani autentikasi sendiri sebelum memberikan tugas kepada Claude. Pembicara juga menyebutkan keunggulan integrasi Chrome Claude dibandingkan Puppeteer, yaitu kemampuan berinteraksi dengan akun yang sudah masuk dan layanan seperti Google Docs dan Google Sheets. Namun, ada batasan penting bahwa ekstensi Chrome menggunakan banyak konteks karena compute-intensive, hanya berfungsi dengan Chrome (bukan browser Chromium lain), dan dapat bermasalah dengan profil Chrome ganda.

Pembicara menjelaskan strategi menggunakan beberapa file pengujian untuk menghindari masalah timeout Chrome Manifest V3, dengan setiap file berisi informasi terperinci tentang tingkat prioritas, kondisi pra, langkah pengujian, dan hasil yang diharapkan. Direkomendasikan untuk menjalankan pemadatan konteks sebelum pengujian karena alat browser menghabiskan banyak jendela konteks. Pembicara menambahkan instruksi di claude.md agar Claude membuat dokumen laporan pengujian komprehensif setelah menguji setiap file, memungkinkan Claude mempertahankan kesadaran tentang apa yang telah diuji meskipun pemadatan terjadi. Strategi ini memastikan bahwa bahkan dengan batasan konteks, Claude dapat melacak kemajuan pengujian dan tidak kehilangan instruksi atau kemajuan sebelumnya.

Pembicara menjelaskan pembuatan perintah slash khusus yang mengotomatisasi seluruh proses pengujian dengan cara yang dipandu dan membuat dokumentasi dengan struktur yang tepat sesuai instruksi claude.md. Perintah ini menambahkan instruksi untuk memantau konteks sebelum memulai tugas sehingga tidak kehilangan konteks di tengah jalan dan melakukan pemadatan sambil bekerja. Ketika proses pengujian dimulai dengan perintah slash sederhana dan nama file, Claude secara otomatis mengidentifikasi masalah, menggunakan browser dan alat yang diperlukan, berinteraksi dengan elemen, dan mendokumentasikan hasil. Claude juga memiliki akses ke log konsol dan dapat menemukan kesalahan yang tidak terlihat secara visual, membuat seluruh proses pengujian meningkat secara signifikan dibandingkan metode pengujian manual sebelumnya.