BelajarLagi Mini Bootcamp Claude Playbook · Cohort 1 Internal · TA Only
📋 Brief Resmi

Sesi Eksplorasi
Teaching Assistant MBCL 1

Panduan lengkap untuk TA dalam mendampingi peserta build Final Project — 21 Juni & 28 Juni 2026.

📅 21 Juni 2026 📅 28 Juni 2026 🤖 Claude + OpenCode 🚀 Vercel Deployment ⏰ Deadline 1 Juli

Jadwal

Dua Sesi Eksplorasi

Peserta akan build prototype Final Project dalam dua sesi terpandu. TA mendampingi selama proses berlangsung.

Sesi 1
21 Juni 2026
Minggu · Online

Eksplorasi Anatomi Claude & Skill

  • 1 Kenali antarmuka Claude: Chat biasa vs Projects vs Skills
  • 2 Eksplorasi fitur: Artifacts, file upload, extended thinking, model selector
  • 3 Buat Claude Project pertama — isi System Prompt, upload knowledge
  • 4 Buat Skill pertama — format YAML frontmatter, upload ke Settings
  • 5 Test: gunakan Skill yang sudah dibuat dalam sesi chat nyata
🎯 Target akhir sesi: Tiap peserta bisa membuat Claude Project dengan System Prompt + minimal 1 Skill yang berfungsi.
Sesi 2
28 Juni 2026
Minggu · Online

Iterasi, Deploy & Finalisasi

  • 1 Review hasil sesi 1 — apa yang belum berjalan?
  • 2 Perbaikan via Prompt 2 (cek & perbaiki)
  • 3 Deploy ke Vercel via Prompt 3 (perintah langsung)
  • 4 Uji dari HP — pastikan link publik bisa dibuka
  • 5 Peserta siap untuk Listen Deeply (Slide 5)
🎯 Target akhir sesi: Live link Vercel yang bisa diakses siapa saja, siap untuk user testing.
⚠️ Deadline submit Final Project: Rabu, 1 Juli 2026 · 18.00 WIB. Peserta yang belum deploy di akhir Sesi 2 perlu didorong untuk lanjut mandiri sebelum deadline.

Peran

Apa yang Dilakukan TA?

TA bukan pemberi jawaban langsung — TA adalah enabler yang memastikan peserta bisa bergerak maju sendiri.

🧭

Panduan Arah

Bantu peserta memvalidasi apakah masalah yang dipilih cukup spesifik dan sesuai kriteria Final Project.

🔧

Debug Bersama

Ketika peserta stuck karena error atau kode tidak jalan — bantu diagnosa tanpa langsung edit kode untuk mereka.

🚀

Pastikan Deploy

Vercel sering jadi bottleneck. TA harus fasih troubleshoot masalah deployment — error CLI, folder structure, dsb.

💬

Jaga Momentum

Pastikan setiap peserta tidak duduk diam lebih dari 10 menit. Kalau stuck — intervensi proaktif.

Kompetensi TA

Skills & Tools yang Harus Dikuasai

Ini adalah hal yang peserta akan tanyakan. TA harus bisa menjawab semua ini dengan percaya diri.

🧩

Framework & Konsep MBCL

4 item
NextGen Builders
Framework See Clearly → Imagine Boldly → Ship Bravely. TA harus bisa jelaskan tiap pilar dan hubungannya ke 6 slide. Wajib
3R Framework Repetitive, Resource-heavy, Rule-based. Kriteria masalah di Slide 1. TA harus bisa bantu peserta cek apakah masalah mereka memenuhi minimal 2 dari 3. Wajib
Diverge / Converge Slide 2 = generate 5+ arah solusi (diverge). Slide 3 = pilih 1 + pressure-test (converge). Nilai di rubrik — TA harus paham bedanya. Wajib
Pain Conviction Konsep "Sharpen ke Claude" — minta Claude challenge hipotesis, bukan hanya validasi. Slide 6 juga minta evaluasi ulang. Wajib
🤖

Claude — Features & Prompting

5 item
Claude Projects Cara buat project, upload knowledge, set System Prompt. Peserta pakai ini untuk Assignment — Final Project butuh system prompt dari Template Build. Wajib
Skills Upload File .md harus ada YAML frontmatter (--- name: ... ---) di baris pertama. Tanpa ini Claude tolak. TA wajib bisa debug error ini. Wajib
Prompting Teknik Challenge prompt ("argumenkan kenapa ini tidak layak"), pressure-test ("apa kelemahan terbesar"), Slide 6 template prompt. TA harus hafal semua ini. Wajib
MCP Connectors Bonus di Assignment. TA cukup tahu: ini tools/API eksternal yang bisa disambungkan ke Claude. Contoh: Notion, Gmail, Linear, Slack. Nice to have
MBCL Grading Skill Upload skill-grading.md ke Claude Settings → gunakan untuk nilai submission. TA harus bisa operate ini dan generate laporan penilaian. Wajib
⚙️

Build Tools — Claude Code & OpenCode

4 item
OpenCode Web Antarmuka web Claude Code di opencode.aljuni.my.id. Cara buka folder project, buat file, jalankan perintah via chat. TA harus bisa pandu peserta dari nol. Wajib
Template Build File MBCL 1 Template Build Sesi Eksplorasi.md — cara isi Bagian 1, paste System Prompt, urutan 3 build prompts. TA harus hafal alurnya. Wajib
Single HTML Build Peserta build satu file HTML (semua client-side, tanpa backend). TA perlu tahu: kenapa ini masuk akal untuk scope Final Project. Wajib
MiMoCode Terminal TUI di port 8002. Alternatif jika OpenCode down. TA perlu tahu cara akses dan pakai dasar — tapi bukan prioritas utama. Nice to have
🚀

Deployment — Vercel

3 item
Vercel CLI Deploy Prompt 3 Template Build jalankan deploy langsung via perintah CLI. TA harus tahu: vercel login, vercel init, vercel --prod, dan apa yang terjadi jika gagal. Wajib
Troubleshoot Deploy Error umum: belum login Vercel, folder structure salah, file tidak ada index.html. TA harus tahu cara diagnosa dan fix tiap skenario ini. Wajib
Cek Mobile Friendly Rubrik nilai apakah prototype mobile-friendly. TA harus tahu cara cek: buka link dari HP, atau DevTools → toggle device mode. Wajib
📊

Penilaian — Rubrik & Grading Tool

3 item
Rubrik Assignment 5 aspek, skala 1–3, maks 15 poin (+1 bonus MCP). Interpretasi: 12–15 Baik, 8–11 Cukup, <8 Perlu Bimbingan. TA harus hafal kriteria tiap skor. Wajib
Rubrik Final Project 5 aspek berbobot (P×35% + R×25% + D×20% + I×10% + Ref×10%) ÷ 4. Skor 0–100. Aspek Prototype WAJIB dicek manual via live link. Wajib
Skor Sertifikat Formula: (Assignment/100 × 40%) + (Final Project × 60%). TA bisa minta Grading Skill hitung ini jika peserta tanya estimasi skor mereka. Nice to have

Arahan Operasional

Yang TA Lakukan di Setiap Sesi

Langkah konkret yang perlu dijalankan — dari pembukaan sampai penutup.

1
Sebelum sesi dimulai

Pastikan semua peserta punya akun Claude

Semua peserta harus sudah login di claude.ai sebelum sesi dimulai. Minimal pakai akun free — tapi ingatkan ada limit pesan harian. Pro plan tidak wajib untuk sesi ini.

2
Pembukaan · 10 menit

Peta anatomi Claude

TA jelaskan tiga mode penggunaan Claude: (1) Chat biasa — satu percakapan, tanpa memori permanen. (2) Claude Project — ada System Prompt + knowledge yang persist. (3) Skills — instruksi yang bisa dipanggil kapan saja dari Settings. Peserta akan eksplorasi ketiga ini hari ini.

3
Fase 1 · ~20 menit

Eksplorasi fitur-fitur Claude Chat

Peserta eksplorasi mandiri: coba upload file (PDF/gambar), lihat Artifacts (output terstruktur), coba ganti model, aktifkan extended thinking. TA tunjukkan: bedanya output dengan dan tanpa konteks yang jelas.

4
Fase 2 · ~25 menit

Buat Claude Project pertama

Peserta buat Project baru di claude.ai → isi System Prompt dengan peran spesifik (misal: "Kamu adalah asisten pemasaran untuk produk saya...") → upload satu dokumen sebagai knowledge → test perbedaan respons vs chat biasa. TA pastikan: System Prompt punya peran, konteks bisnis, dan format output.

5
Fase 3 · ~30 menit (utama)

Buat dan gunakan Skill pertama

Peserta buat file .md dengan YAML frontmatter (--- name: ... description: ... ---) berisi instruksi spesifik untuk kebutuhan kerja mereka. Upload ke Claude Settings → Skills. Test: panggil Skill tersebut dalam chat baru dan bandingkan hasilnya. TA siaga — error "must start with yaml" paling sering muncul di sini.

6
Penutup · 10 menit

Sharing & preview Sesi 2

2–3 peserta share Skill yang mereka buat dan hasilnya. TA recap perbedaan Chat vs Project vs Skill. Preview Sesi 2: kita akan gunakan Claude + OpenCode untuk build tools nyata dan deploy ke Vercel.

1
Sebelum sesi dimulai

Review status tiap peserta dari Sesi 1

Dari catatan Sesi 1 — siapa yang sudah punya prototype berjalan, siapa yang masih stuck. Alokasi atensi ekstra untuk yang masih stuck di awal sesi.

2
Fase 1 · ~30 menit

Selesaikan prototype — pakai Prompt 2

Peserta yang belum punya prototype berjalan — prioritaskan ini dulu. Gunakan Prompt 2 (Cek dan Perbaiki). TA bantu identifikasi satu hal paling krusial yang perlu difix, jangan scope creep.

3
Fase 2 · ~40 menit (utama)

Deploy ke Vercel via Prompt 3

Peserta kirim Prompt 3 ke OpenCode/Claude Code. Claude akan jalankan perintah Vercel CLI: login → init → deploy. TA harus siap troubleshoot masalah umum — lihat FAQ di bawah. Pastikan setiap peserta punya live link yang bisa dibuka dari HP.

4
Fase 3 · ~15 menit

Validasi mobile & siapkan untuk Listen Deeply

Peserta buka live link dari HP mereka sendiri. Cek: apakah fungsi utama berjalan? Apakah tampilannya rapi di layar kecil? Ini yang akan dinilai di Aspek Prototype (bobot 35%).

5
Penutup · 10 menit

Remind: jadwal setelah sesi

Peserta sekarang masuk ke fase Listen Deeply (Slide 5) dan Iterate Fast (Slide 6) secara mandiri. Deadline submit: Rabu 1 Juli 2026 · 18.00 WIB. Format submit via WhatsApp: [FINAL PROJECT - Nama] + link deck + link prototype.

Persiapan TA

Pertanyaan Umum Peserta

Ini yang paling sering ditanyakan — pastikan TA bisa jawab tanpa ragu.

🔴 "Claude-nya error / tidak mau generate kode, gimana?" ▾
Kemungkinan: (1) System Prompt terlalu panjang atau ambigu — minta peserta sederhanakan placeholder. (2) Prompt terlalu umum — minta peserta tambah detail spesifik di Prompt 1. (3) Rate limit — tunggu beberapa menit. Jika masih error, coba pindah ke OpenCode atau MiMoCode.
🔴 "HTML-nya sudah ada tapi tidak bisa dibuka di browser, kenapa?" ▾
Cek: (1) Apakah file disimpan dengan ekstensi .html? (2) Apakah ada syntax error — minta Claude periksa ulang. (3) Coba buka via browser langsung (drag & drop file ke Chrome). Kalau ada error di console browser (F12 → Console), copy paste pesan errornya ke Claude untuk difix.
🔴 "Deploy Vercel gagal, ada error. Gimana?" ▾
Diagnosa error berurutan: (1) Not logged in → minta Claude run vercel login dulu. (2) No package.json / no index.html → pastikan file ada di folder yang benar. (3) Build failed → untuk single HTML tidak perlu build step, cek settings Vercel. (4) Domain issue → tidak masalah, pakai domain Vercel default. Copy paste pesan error lengkap ke Claude untuk fix otomatis.
🟡 "Boleh gak aku ganti masalah yang mau diselesaikan di Sesi 2?" ▾
Tidak disarankan. Ganti masalah di Sesi 2 artinya kehilangan semua progress build. Yang boleh: perbaiki scope (sempitkan), bukan ganti topik. Kalau benar-benar perlu ganti, arahkan ke TA lead atau instruktur untuk keputusan.
🟡 "Prototype-ku sudah berjalan tapi tampilannya jelek, perlu diperbaiki?" ▾
Tidak perlu. Rubrik nilai fungsi, bukan desain. Yang paling penting adalah: (1) fungsi utama berjalan, (2) bisa dipakai dari HP. Kalau waktu masih ada, boleh minta Claude improve UI — tapi ini bukan prioritas.
🟡 "Skills yang aku upload ke Claude ada error 'must start with yaml' — kenapa?" ▾
File skill harus diawali YAML frontmatter persis di baris 1: --- di baris 1, lalu name: ..., lalu description: ..., lalu ---. Tidak boleh ada spasi atau karakter lain sebelum --- pertama. Gunakan file skill-grading.md dari grading tool yang sudah diupload — file ini sudah fix.
🟢 "Rubrik Final Project — siapa yang cek live link prototype?" ▾
TA yang cek manual. Claude tidak punya akses internet, jadi tidak bisa buka link. Aspek Prototype (bobot 35%) harus dinilai TA berdasarkan hasil buka link langsung. Grading Skill akan ingatkan ini di output penilaian.
🟢 "Bagaimana cara hitung skor sertifikat peserta?" ▾
Formula: Skor Assignment /100 = (skor_raw / 15) × 100. Skor Sertifikat = (Assignment_100 × 40%) + (Final_Project × 60%). Bisa minta Grading Skill hitung jika kamu sudah punya kedua skor. Atau hitung manual.

Checklist

Persiapan Sebelum Sesi

Pastikan semua ini sudah beres sebelum sesi dimulai — jangan troubleshoot saat live.

Akses & Tools

  • OpenCode opencode.aljuni.my.id bisa dibuka
  • Folder mbcl-kelompok-1 s/d 9 muncul di list
  • Folder mbcl-experiment-1 s/d 9 muncul di list
  • MiMoCode port 8002 bisa diakses (backup)
  • Akun Vercel tersedia untuk test deploy
  • Claude.ai bisa diakses semua peserta

Dokumen & Materi

  • Template Build Sesi Eksplorasi.md siap dibagikan
  • Brief Final Project sudah dibaca peserta
  • Grading Skill (skill-grading.md) sudah diupload ke Claude
  • Rubrik Assignment & Final Project hafal
  • Alur 3 build prompt sudah dipahami

Pengetahuan TA

  • Bisa jelaskan beda Chat vs Project vs Skill
  • Tahu cara buat Project + upload knowledge di claude.ai
  • Bisa debug error YAML frontmatter Skill
  • Tahu cara troubleshoot Vercel CLI error (Sesi 2)
  • Bisa jelaskan NextGen Builders Framework
🚨 Jangan tunggu peserta datang untuk troubleshoot tools. Cek semua akses minimal 30 menit sebelum sesi dimulai. Jika ada issue — escalate ke tim teknis segera.

Siap untuk Sesi Eksplorasi?

Peserta akan datang dengan harapan tinggi. TA yang siap membuat mereka berhasil.

Hubungi Tim MBCL