Datang dengan Ide, Pulang dengan Produk: Workshop Agentic AI & Coding dengan Claude

Bayangkan Anda datang ke kelas hanya membawa ide. Dalam satu hari, ide itu berubah menjadi sebuah dashboard web nyata: punya database, punya antarmuka, bisa diuji, dan dilengkapi agent AI yang bukan sekadar menjawab pertanyaan—tetapi bisa memakai tool, mengingat konteks, dan menjalankan alur kerja layaknya asisten digital yang benar-benar membantu.

Itulah inti dari Workshop Agentic AI & Coding dengan Claude: pelatihan satu hari penuh untuk belajar membangun aplikasi modern dengan cara kerja baru—berkolaborasi dengan AI secara end-to-end.

Kenapa Workshop Ini Relevan Sekarang?

Banyak orang sudah mencoba AI untuk menulis prompt, membuat ringkasan, atau membantu debugging kecil. Tapi pertanyaan besarnya adalah: bagaimana AI dipakai untuk benar-benar membangun software yang bisa jalan?

Di dunia kerja, kebutuhan teknis semakin cepat berubah. Tim dituntut membuat prototype lebih cepat, menguji ide lebih murah, dan mengubah kebutuhan bisnis menjadi produk digital tanpa proses yang berbulan-bulan.

Di sinilah konsep agentic AI menjadi penting.

Agentic AI bukan sekadar chatbot. Agentic AI adalah sistem yang bisa:

• memahami tujuan,
• menggunakan tool,
• menjalankan reasoning loop,
• menyimpan konteks atau memory,
• dan membantu mengambil tindakan berdasarkan instruksi yang jelas.

Dalam workshop ini, konsep agentic diterapkan dalam dua lapis sekaligus:

1. Cara membangun produknya — peserta belajar melakukan agentic coding bersama Claude.
2. Produk yang dibangun — peserta membuat dashboard yang memiliki agent AI berbasis Flowise, lengkap dengan tool use, memory, dan integrasi API.

Dengan kata lain: Anda tidak hanya belajar tentang AI. Anda memakai AI untuk membangun aplikasi AI.

Apa yang Akan Anda Bangun?

Selama satu hari, peserta akan membangun sebuah dashboard web ber-Agentic AI secara bertahap.

Dashboard ini akan:

• terhubung ke basis data menggunakan Supabase,
• memiliki struktur proyek yang rapi,
• dibangun dengan bantuan Claude Chat dan Claude Code,
• menggunakan alur kerja Git profesional,
• dilengkapi agent yang dibuat di Flowise,
• dan dapat berinteraksi dengan agent melalui API.

Target akhirnya sederhana tapi kuat: peserta pulang dengan proyek nyata yang bisa dikembangkan lagi setelah kelas selesai.

Bukan Sekadar Demo, Tapi Hands-On

Workshop ini dirancang untuk orang yang ingin praktik langsung, bukan hanya menonton slide.

Dalam satu hari penuh, peserta akan melewati alur membangun produk seperti workflow kerja profesional:

• memahami kebutuhan,
• menyusun PRD,
• membuat dan mengembangkan codebase,
• memperbaiki UI,
• menghubungkan backend,
• membuat agent AI,
• melakukan integrasi,
• sampai mengenal otomasi testing.

Setiap sesi dikemas dalam format yang padat:

• Konsep untuk memahami prinsip penting,
• Demo untuk melihat alurnya secara nyata,
• Hands-on agar peserta bisa langsung mencoba di laptop masing-masing.

Yang Akan Dipelajari Peserta

Setelah mengikuti workshop ini, peserta akan memiliki pemahaman praktis tentang bagaimana membangun aplikasi dengan bantuan AI dari awal hingga berjalan.

1. Memahami Agentic AI secara Praktis

Peserta akan belajar apa itu agent, bagaimana agentic loop bekerja, dan kenapa kemampuan seperti tool use, memory, dan reasoning loop membuat AI jauh lebih berguna dibanding chatbot biasa.

2. Menggunakan Ekosistem Claude untuk Coding

Workshop ini membahas bagaimana memetakan Claude Chat, Claude Code, Cowork, Skills, dan workflow lain ke tugas yang tepat.

Peserta akan melihat kapan harus memakai chat, kapan harus memakai CLI, kapan perlu mode planning, dan bagaimana mengatur konteks agar AI tidak menghasilkan output asal-asalan.

3. Mengubah Ide Menjadi PRD dan Codebase

Peserta akan belajar menyusun kebutuhan fitur menjadi PRD ringkas, lalu menggunakannya sebagai dasar untuk membangun aplikasi dengan bantuan Claude Code.

Ini penting karena kualitas output AI sangat bergantung pada kualitas arahan dan konteks yang diberikan.

4. Membangun Dashboard Web dengan Backend

Peserta akan menggunakan Supabase sebagai database dan backend infrastructure. Materi mencakup setup project, integrasi backend, penggunaan tabel, dan gambaran autentikasi.

5. Membuat Agent AI di Flowise

Salah satu bagian paling menarik dari workshop ini adalah membangun agent di Flowise.

Agent ini tidak berhenti sebagai chatbot biasa. Peserta akan memahami bagaimana agent dapat memakai tool, menjalankan loop, memakai variable, memiliki memory, lalu dipublikasikan sebagai API.

6. Mengintegrasikan Agent ke Dashboard

Setelah agent siap, peserta akan menyematkannya ke dashboard sehingga aplikasi dapat berinteraksi langsung dengan agent melalui API.

Inilah titik ketika proyek mulai terasa seperti produk nyata.

7. Mengenal Workflow Profesional: GitHub, PR, Testing, dan Automation

Peserta juga akan diperkenalkan pada branch, commit, pull request, auto-review, Git Worktree, remote coding, dan QA automation dengan Playwright MCP.

Tujuannya bukan hanya membuat aplikasi jalan, tapi memahami cara kerja yang bisa dibawa ke lingkungan profesional.

Tools yang Digunakan

Workshop ini menggunakan kombinasi tools modern yang relevan dengan workflow AI-assisted development:

• Claude Chat, Claude Code, dan Cowork untuk merancang, membangun, dan menguji kode.
• VS Code dan GitHub untuk pengembangan dan version control.
• Supabase untuk database dan autentikasi.
• Flowise untuk membangun agent AI.
• OpenRouter untuk model AI yang digunakan dalam agent.
• Google Stitch untuk membantu desain antarmuka.
• Playwright MCP untuk otomasi testing.
• Context7 untuk memberi Claude akses konteks dokumentasi yang lebih relevan.

Kombinasi tools ini dipilih agar peserta melihat gambaran realistis bagaimana membangun aplikasi AI modern dari ide hingga integrasi.

Untuk Siapa Workshop Ini?

Workshop ini cocok untuk:

• developer yang ingin mempercepat workflow coding dengan AI,
• tim IT yang ingin mengeksplorasi agentic AI untuk kebutuhan internal,
• praktisi teknis yang ingin membangun prototype lebih cepat,
• founder atau product builder yang ingin memahami cara membuat produk AI secara praktis,
• dan siapa pun yang ingin naik level dari “pakai AI untuk tanya jawab” menjadi “pakai AI untuk membangun sistem.”

Peserta tidak wajib memiliki keahlian coding yang sangat dalam, tetapi pemahaman logika pemrograman dasar akan sangat membantu karena ritme workshop cukup padat.

Agenda Singkat Workshop

Workshop berlangsung satu hari penuh dari 09.00 sampai 17.00.

Sesi 1 — Fondasi Agentic AI dan Setup

Peserta memahami konsep agentic AI, ekosistem Claude, perbandingan Claude Code dan Codex, serta setup repository dan environment kerja.

Sesi 2 — Membangun Aplikasi Dasar

Peserta mulai menyusun PRD, memahami struktur codebase, mengatur development settings, dan mengembangkan fitur dasar dengan bantuan Claude.

Sesi 3 — Backend, Supabase, Skills, dan MCP

Peserta memperluas aplikasi dengan fitur lanjutan, memperbaiki UI, melakukan setup Supabase, dan mengenal MCP serta plugin seperti Context7.

Sesi 4 — Flowise Agent, Integrasi Dashboard, GitHub, dan Testing

Peserta membangun agent di Flowise, mempublikasikannya sebagai API, mengintegrasikannya ke dashboard, lalu mengenal GitHub automation, Git Worktree, remote coding, dan QA automation.

Apa yang Dibawa Pulang?

Setelah workshop, peserta tidak pulang hanya dengan catatan. Peserta akan membawa:

• dashboard ber-Agentic AI hasil rakitan sendiri,
• starter project dan template untuk eksplorasi lanjutan,
• pemahaman alur end-to-end membangun aplikasi bersama AI,
• praktik terbaik prompting, efisiensi token, dan keamanan dasar,
• serta gambaran nyata bagaimana AI bisa menjadi partner kerja teknis, bukan sekadar alat bantu mengetik.

Kenapa Anda Sebaiknya Ikut?

Karena skill yang paling dibutuhkan ke depan bukan hanya “bisa menggunakan AI”, tetapi bisa bekerja bersama AI untuk menghasilkan sesuatu yang nyata.

Workshop ini membantu Anda memahami cara berpikir, tools, dan workflow yang dibutuhkan untuk membangun produk dengan pendekatan agentic.

Anda akan belajar bagaimana mengarahkan AI, mengontrol kualitas output, menghubungkan frontend dan backend, membuat agent, lalu menyatukannya menjadi aplikasi yang berjalan.

Singkatnya:

Datang dengan ide. Pulang dengan produk.

Jika Anda ingin memahami bagaimana AI mengubah cara software dibangun—bukan secara teori, tapi lewat praktik langsung—workshop ini adalah tempat yang tepat untuk mulai.

Persiapan Sebelum Mengikuti Kelas

Agar kelas berjalan lancar, peserta disarankan menyiapkan:

• laptop dengan minimal RAM 8GB dan SSD,
• koneksi internet stabil,
• akun Google,
• akun GitHub,
• langganan Claude,
• VS Code,
• Node.js LTS dan npm,
• Git,
• akun Supabase,
• akun Flowise,
• akun OpenRouter,
• Google Stitch,
• serta starter project yang akan dibagikan panitia.

Dengan persiapan yang tepat, waktu di kelas bisa fokus sepenuhnya pada praktik membangun.