Paket Hemat Claude Code

Membangun alur kerja dan belajar yang
efektif ⬆️ dan efisien 💰 dalam penggunaan AI

Perkenalan

https://www.zainfathoni.com/about

  • 📍 Jember ➡️ Bandung ➡️ SG ➡️
    Jogja
  • 🛠️ Backend ➡️ Manager ➡️ Frontend
  • 📆 1 bulan++ menggunakan Claude Code

Agenda

  1. Membangun kesadaran bersama AI
  2. Cara minimalisir halusinasi AI
  3. Alur kerja memanfaatkan Claude Code
  4. Tips hemat dan efektif dengan Claude Code

1. Membangun Kesadaran Bersama AI

The 70% Problem

  • Kita harus sadar (conscious) atas apa yang sedang terjadi
  • Kita pastikan AI napak tanah (grounded) dengan kenyataan

2. Cara Minimalisir Halusinasi AI

  • 🧠 Context Engineering
  • 🛠️ Memilih Tech Stack yang ramah AI
  • 🛡️ Trust, but Verify
  • 🧪 Pengujian Otomatis

🧠 Context Engineering

Context Engineering: Bringing Engineering Discipline to Prompts

  • ⌨️ User Input
  • 📚 Retrieved Knowledge
  • 💬 Prior Conversation
  • 🛠️ Tool Outputs

🛠️ Memilih Tech Stack yang Ramah AI

How to make your tech stack AI-friendly 📏

  • 🧠 AI sukses di mana manusia sukses
  • 🔧 Buat batasan-batasan
  • 💻 Semuanya sebagai kode
  • 🎯 Batasi konteks
  • 🤖 Desain untuk adopsi AI

❌ Ketika AI Bermasalah

Jebakan Umum

❌ Contoh Kasus Kegagalan AI

Belajar dari Kesalahan Orang Lain

🛡️ Trust, but Verify

The "Trust, But Verify" Pattern For AI-Assisted Engineering

Strategi Validasi

  • ✅ Selalu review output AI
  • 🧪 Terapkan pengujian otomatis
  • 👥 Jangan lupakan proses peer review
  • 📊 Terapkan standar kualitas metrik

https://x.com/zainfathoni/status/1946533504252289377

🧪 Pengujian Otomatis

  • ⚙️ Otomasi pengujian
  • 🚨 Pengawasan berkelanjutan

🔧 Tools

  • 🎭 Playwright MCP
  • 🧪 Vitest
  • 📋 Storybook

3. Alur Kerja Memanfaatkan Claude Code

Rencana Berbasis Markdown

  • 📋 Perencanaan terstruktur
  • 🎯 Tujuan yang jelas
  • 📈 Pelacakan progress
  • 🔄 Perbaikan iteratif

📋 Contoh: Specs dari Kiro

3 File Utama

  • 📝 requirements.md - EARS notation untuk requirement yang testable
  • 🎨 design.md - Arsitektur teknis dan data flow
  • 📋 tasks.md - Rencana implementasi yang detail dan trackable

https://kiro.dev/docs/specs/concepts/

4. Tips Hemat dan Efektif dengan Claude Code

  • 💰 Output token itu mahal
  • 📋 SELALU gunakan ⏸ plan mode
  • 🎯 Prompt yang spesifik dan ringkas
  • 🔄 Rangkum pola berulang
  • 🖥️ Pantau dengan ccusage

Strategi Plan Mode

Alur Kerja Efisien

  1. 📋 Mulai dengan ⏸ plan mode
  2. 🎯 Definisikan tujuan yang jelas
  3. 🔄 Iterasi pada requirement
  4. ⚡ Eksekusi dengan efisien

Kesimpulan

  • 🧠 Bangun kesadaran AI - AI sukses di mana manusia sukses
  • 🛠️ Buat tech stack AI-friendly - Constraints, code,
    konteks terbatas
  • 🛡️ Percaya tapi verifikasi - Review output + testing otomatis
  • 📋 Gunakan ⏸ plan mode - Hemat token dengan perencanaan
    terstruktur
  • 🧪 Integrasikan testing - Playwright MCP untuk validasi visual

🙏 Terima Kasih

🖥️ https://zainf.dev/paket-hemat-claude-code

Demo

Mengubah slide ini menjadi interaktif dengan format Reveal.js

🔗 https://github.com/zainfathoni/zainf

Simak kode dan hasilnya (link menyusul): 🔗
VS Code Live Share