Cara kepala desainer Claude Code membangun dengan AI [YouTube]

• Mendemonstrasikan workflow praktik nyata dengan menambahkan langsung fitur autocomplete ke Excalidraw, sambil menunjukkan bagaimana Claude Code digunakan dalam pengembangan produk nyata
• Meski dibawakan oleh seorang desainer, isinya lebih dekat ke workflow pengembang, dengan fokus CLI: menjalankan beberapa sesi Claude secara paralel dengan worktree, membuat prototipe fitur, memverifikasinya di browser, lalu mengajukan PR
• Intinya bukan memakai AI sekadar sebagai alat penulis kode, tetapi memasukkannya ke pipeline pengembangan produk yang mencakup eksplorasi ide → perbandingan opsi implementasi → verifikasi mandiri → penulisan PR → penerapan hasil review → bantuan merge
• Nilai bagi desainer terletak pada pengakuan bahwa Claude masih belum bagus dalam penilaian desain, namun tetap dapat membantu membuat beberapa opsi implementasi dengan cepat dan menyiapkan PR berisi screenshot·GIF untuk ditinjau, sehingga kecepatan pengambilan keputusan desain dan kontrol kualitas sama-sama meningkat
• Nilai bagi pengembang adalah bisa melihat pola konkret untuk menghubungkan Claude Code ke repositori nyata dan alur kolaborasi, seperti /prototype, loop, mode izin otomatis, self-test berbasis Chrome, serta otomasi perapian kode·review·merge PR
• Khususnya, sudut pandang bahwa “meski semua orang bisa membuat sesuatu, bukan berarti semuanya harus di-deploy” sangat penting; di era AI semakin banyak orang bisa membuat kode, sehingga verifikasi, review, keterlibatan desain, dan standar deployment perlu diperluas lewat sistem otomatis
• Pada akhirnya, video ini bukan sekadar tentang cara desainer menulis kode dengan AI, melainkan contoh bagaimana desainer dan pengembang memakai AI di tengah proses untuk bereksperimen lebih cepat sambil menjaga kualitas produk

---

Konteks presentasi dan pembicara

• Meaghan Choi, lead designer Claude Code
• Sudah merancang produk CLI sejak sebelum adopsi AI, ikut merancang Claude CLI, dan menyebut dirinya sendiri sebagai "CLI die-hard"
• Ia menyebut bahwa anggota Anthropic selalu punya akses ke alat-alat ini dan memakainya sepanjang hari, sehingga ada budaya terus-menerus mencari cara kerja yang lebih optimal
• Dijelaskan bahwa aplikasi desktop lebih mudah diakses, dan semua pekerjaan dalam demo ini juga bisa dilakukan dengan cara yang sama di desktop app
  • CLI adalah preferensi pribadi pembicara, bukan pendekatan yang wajib diikuti penonton

Menyiapkan lingkungan kerja paralel dan cepat

• worktree

  • Jika beberapa Claude dijalankan bersamaan di repositori lokal, mereka bisa saling menimpa pekerjaan dan menimbulkan konflik
  • worktree membuat salinan repositori yang terisolasi agar beberapa pekerjaan bisa dijalankan secara paralel
    • Jika engineer membuka 4~5 Claude sekaligus, berarti mereka menyalin repositori seperti repo1·repo2 atau memakai worktree
    • Saat menjalankan claude --worktree, branch baru otomatis di-checkout sehingga lebih mudah dikelola dan direkomendasikan

• Opus 1M · fast mode

  • Pembicara selalu memakai Opus 1 juta context dan fast mode, meski aksesnya bisa dibatasi tergantung organisasi
  • Dijelaskan bahwa ini dipakai agar demo 15 menit bisa berjalan cepat, dengan perbedaan kecepatan yang sedikit

• auto mode

  • Anggota Anthropic selalu memakai auto mode, sebagai alternatif dari mode izin rendah
  • Karena classifier mendeteksi apakah tindakan berbahaya akan dilakukan, pekerjaan jadi jauh lebih cepat tanpa harus berulang kali menyetujui "Yes, accept"

• Loop

  • Loop adalah prompt standar yang berarti "teruskan sampai semuanya selesai", agar pekerjaan diulang sampai tuntas

Prompt dan prototype skill

• Tanpa spesifikasi desain, hanya dengan prompt sederhana seperti "ingin menambahkan autocomplete", Claude diminta menambahkan fitur itu ke Excalidraw

• prototype skill

  • slash prototype skill yang dibuat sendiri dengan meminta Claude, menghasilkan 5 opsi implementasi dasar (atau n opsi) untuk satu fitur, lalu menampilkan preview sebagai file HTML dan mengulang proses
    • Ditekankan bahwa skill dibuat dengan prompt, bukan ditulis manual; ia bahkan mengatakan "sekarang tidak ada yang menulis skill secara manual"
  • Claude diminta lebih dulu memilih satu opsi sendiri dan menjelaskan alasannya, dan pembicara mengatakan bagian ini menyenangkan untuk dilihat
  • Ditambahkan instruksi "izinkan riset online"; jika ini codebase produksi, ia akan menyuruh Claude merujuk ke semua sumber seperti Slack·Google Docs·catatan diskusi·BigQuery
  • Setelah memilih opsi terbaik, mengimplementasikan, memverifikasi, dan mencocokkan style, Claude diminta membuat PR yang menyertakan screenshot
    • Setelah itu, alurnya bergeser dari meninjau transkrip menjadi meninjau PR yang berisi rekaman fitur yang telah diimplementasikan
  • Dalam demo, dari beberapa opsi autocomplete berbasis tab yang diajukan Claude, opsi nomor 2 dipilih dengan mempertimbangkan pendapat audiens

Tiga prinsip kerja

• Sebagian besar LLM, termasuk Claude, masih lemah dalam desain, sehingga manusia tetap harus terlibat dalam craft dan pengambilan keputusan
  • Ini bukan keterbatasan permanen, tetapi workflow saat ini dibangun di atas premis bahwa "manusia yang memutuskan apa yang masuk ke produk"
• Coding memang bisa diotomatisasi, tetapi pekerjaan non-coding juga harus didelegasikan ke Claude; kalau tidak, itu belum cara paling terotomatisasi untuk memakainya
• Bukan karena semua orang bisa ship maka semuanya harus di-ship, dan karena kini semua orang bisa mendorong ke production, dibutuhkan sistem yang bisa diskalakan

Otomasi pekerjaan non-coding

• Claude in the web (cloud)

  • Dipakai untuk terus menangani ratusan perbaikan kecil polish yang ditemukan di aplikasi tanpa harus membuka sesi terpisah
  • Saat engineer mengeluh terlalu banyak perubahan, ia meminta untuk di-squash menjadi satu PR
    • Perubahan CSS kecil kadang disetujui otomatis tanpa review, berguna untuk menjaga tingkat kematangan produk

• Otomasi merge PR

  • Hampir semua anggota selalu menjalankan Claude untuk membantu merge PR, dan pembicara mengatakan ia tidak lagi terlibat langsung dalam CI atau tahap tepat sebelum merge
  • simplify·code review adalah perintah internal repositori untuk merapikan codebase (prune), dan tim engineering yang memakai AI kemungkinan punya alat serupa
  • commit push PR adalah perintah untuk menjalankan pemeriksaan internal secara sekaligus
  • Perintah untuk meninjau PR yang terbuka dan mendorongnya sampai tahap selesai sudah dibangun ke dalam skill
    • Terintegrasi dengan Slack untuk otomatis mengirim DM ke reviewer kode atau petugas on-call; intinya ada pada integrasi kumpulan alat

• Claude in Chrome

  • Claude membuka Chrome sendiri untuk menguji perilakunya, dan ini direkomendasikan sebagai cara terbaik untuk verifikasi mandiri perubahan frontend
  • Alurnya adalah merekam screenshot sebagai rangkaian GIF, mempostingnya, lalu membuka PR

• Rutinitas terjadwal (Claude code work)

  • Pekerjaan terjadwal (routine) digunakan untuk mengumpulkan semua perubahan frontend dari seluruh repositori
  • Claude memeriksa Slack·transkrip Google Meet·Google Docs dan sejenisnya untuk memastikan apakah desainer ikut terlibat; jika tidak, perubahan itu diberi flag
  • Jika tidak ada keterlibatan desainer, Claude meninjau desain dan membuat draf PR desain dari sudut pandang berlawanan (adversarial design), lalu mengirim DM ke engineer terkait agar berkolaborasi dengan desainer
    • Karena Claude masih lemah dalam desain, fungsi DM ini dimatikan; ini terkait dengan prinsip pertama bahwa LLM masih lemah dalam desain
  • Strateginya adalah mendorong otomasi bukan hanya untuk langkah berikutnya, tetapi hingga langkah setelah langkah berikutnya, agar bisa langsung diterapkan saat model generasi berikutnya dirilis

Mengapa ini berguna bagi desainer dan pengembang

• Tujuan presentasi ini sendiri adalah menaikkan level kerja pengguna Claude Code, dengan membagikan langsung cara kerja yang benar-benar populer di internal Anthropic
• Dari sudut pandang pengembang, presentasi ini menunjukkan perintah dan tindakan konkret yang bisa langsung mempercepat kerja harian, seperti kerja paralel dengan worktree, menghilangkan persetujuan berulang dengan auto mode, dan otomasi merge PR·CI
  • Alat seperti simplify dan code review yang dipakai di presentasi adalah alat internal, tetapi tim engineering yang memakai AI biasanya punya padanannya sendiri, sehingga penonton disarankan bertanya ke partner engineering mereka
• Dari sudut pandang desainer, presentasi ini dengan jelas menegaskan bahwa LLM masih lemah dalam desain, sehingga manusia tetap menjadi pihak utama dalam craft dan pengambilan keputusan, sementara otomasi ditempatkan sebagai pendukung
  • Pendekatan menjaga kualitas desain melalui sistem, seperti rutinitas terjadwal untuk mendeteksi dan memberi flag pada perubahan frontend yang di-ship tanpa keterlibatan desainer, juga ditunjukkan