| Istilah | Arti |
|---|---|
| Claude Code | Asisten AI buatan Anthropic yang bekerja langsung di dalam proyek komputer untuk menulis kode dan menjalankan tugas, yang menjadi pokok seluruh tips di video ini. |
| VS Code | Aplikasi editor kode gratis dari Microsoft yang disarankan di video ini sebagai tempat memasang Claude Code melalui menu plugin. |
| Anti-Gravity | Ruang kerja kode gratis yang disebut di video ini sebagai alternatif VS Code untuk memasang dan menjalankan Claude Code. |
| Dribbble | Situs kumpulan karya desain grafis yang dipakai di video ini untuk mencari inspirasi tampilan website lalu meniru tampilannya lewat screenshot. |
| bypass permissions | Mode di Claude Code yang membuatnya berhenti meminta izin di setiap langkah sehingga pekerjaan tetap berjalan saat pengguna sedang mengurus hal lain. |
| compact | Proses meringkas percakapan yang sudah terlalu panjang agar muat di context window, yang menurut video ini sebaiknya dilakukan manual sambil memberi pengingat hal penting. |
| sub agents | Agen pembantu yang dibuat Claude Code untuk mengerjakan bagian tugas secara paralel, misalnya satu agen per halaman website, sehingga lebih cepat dan fokus. |
| context | Seluruh informasi yang sedang diingat AI dalam satu percakapan, yang terbatas ukurannya sehingga perlu dijaga agar tidak boros token dan tidak kehilangan detail penting. |
| AI slop | Sebutan untuk hasil buatan AI yang terlihat murahan dan seragam, misalnya tampilan website generik yang ingin dihindari lewat tips desain di video ini. |
| projects | Folder kerja terpisah di Claude Code, yang menurut video ini masing-masing perlu berkas claude.md dan project_specs agar Claude paham aturan dan tujuannya. |
| conversation | Satu sesi obrolan dengan Claude Code yang bisa dibuka di banyak tab sekaligus dan bisa menjadi terlalu panjang hingga perlu diringkas. |
| tips | Saran praktis singkat, di video ini berupa 27 kiat memakai Claude Code yang dikumpulkan pembicara dari pengalaman ratusan jam. |
Jono Catliff membagikan kumpulan tips Claude Code yang ia pelajari setelah sekitar 500 jam memakainya, dengan tujuan menghemat waktu bagi orang yang baru mulai. Video ini bergerak cepat dari satu tips ke tips berikutnya, mulai dari cara memasang Claude Code di editor gratis, membuat website yang tidak terlihat seperti AI slop, sampai mengatur cara Claude berperilaku dan membalas pesan. Masalah yang diangkat adalah banyaknya waktu yang terbuang karena pengguna belum tahu fitur dan kebiasaan kerja yang sebenarnya sudah tersedia. Bagi penonton yang ingin memakai Claude Code untuk membangun proyek atau mengotomatiskan pekerjaan, video ini memberi daftar praktis yang bisa langsung dicoba, sekaligus kerangka tiga lapis untuk menyusun proyek agar hasilnya konsisten dan makin baik dari waktu ke waktu.
Tips awalnya adalah memasang Claude Code lewat plugin di VS Code atau Anti-Gravity, mengambil inspirasi desain dari Dribbble lewat screenshot atau URL, menambah grafik 3D dari Spline, membuka banyak tab secara paralel, menyalakan bypass permissions, dan memakai dikte suara. Jono mewajibkan dua berkas di setiap proyek, yaitu claude.md untuk aturan perilaku dan project_specs untuk deskripsi proyek, lalu mengisi claude.md dengan aturan seperti menantang arah pengguna, gerbang kualitas, menguji sebelum menyerahkan, menjaga context, dan memberi saran peningkatan. Ia juga menjelaskan memori lintas proyek, antrean pesan, /plugin, skill sebagai workflow yang dipanggil sesuai kebutuhan, berkas referensi bersama, sub agents untuk membangun website lima halaman secara paralel, tombol Escape dan rewind, autosave, compact manual saat context sudah terpakai 83 persen, dan perintah insights. Video ditutup dengan promosi kelas dan komunitas berbayarnya.
Kata kunci
- Claude Code
- Dribbble
- bypass permissions
- sub agents
- Membagikan 27 tip Claude Code setelah 500 jam pemakaian, dimulai dari mengunduh VS Code atau Anti-Gravity sebagai ruang kerja dan memasang plugin Claude Code.
- Memberi tip membangun situs yang tidak tampak seperti AI slop (referensi dari Dribbble), meminta Claude mengajukan pertanyaan, bypass permissions, mengelola konteks dengan compact, dan memakai sub agents agar halaman dibangun paralel.
- Menyarankan penjelasan Claude seperti untuk anak 15 tahun dan melanjutkan proyek dengan langkah berikutnya.
Tulis catatan pribadimu untuk video ini. Catatan tersimpan di akunmu dan bisa dibuka dari perangkat mana pun.