★ Online talk · November 2026

Agentic AI,
Bukan Sekadar Chatbot.

Dari AI yang sekadar menjawab, kepada AI yang menyiapkan kerja. Kita kupas apa, kenapa dan bagaimana, bersama live-demo.

Amir Hafizi
Research Developer · Research Assistant (AI) @ UiTM
Pulau pixel-art dengan pokok bunga merah jambu di bawah langit biru
★ SISTEM
SATU AGENT BARU TELAH MENYERTAI TEAM.
TEKAN ▶ UNTUK MULA ▮
★ Player 1 · Malaysia

Amir Hafizi

Research Developer yang membina sistem AI, tools dan game, dengan AI agent sebagai rakan kerja harian.

Graduan Sains Komputer UiTM Tapah, dari diploma hingga ijazah. Kini Research Assistant (AI) untuk i-BINA, projek penyelidikan UiTM bersama Jabatan Kerja Raya, melatih dan menguji model AI. Saya juga aktif dalam menggunakan agentic tools terkini, benchmarking LLM sama ada open-source atau closed-source dan mahir mengenai platform Cloudflare.

Claude CodeCodexOpenCodeHermes AgentGemini CLIKilo CLIGodotCloudflare
Pixel-art pokok bunga di atas pulau kecil, dengan matahari dan air
★ Quest hari ini

Senarai kandungan.

  1. 01Agentic AI vs chatbot biasa, agent loop dan anatomi sebuah agentWhat
  2. 02Kenapa Agentic AI penting sekarangWhy
  3. 03Siapa yang guna agent dan peranan dalam teamWho
  4. 04Model terkini, tempat agent berfungsi, dan harness (Claude Code, Codex, Antigravity, DeepSeek Harness dan lain-lain)Where
  5. 05Bila patut guna agent, dan bila tak perluWhen
  6. 06Cara agent briefing yang baik, power-ups dan guardrailsHow
  7. 075 live demoDemo
  8. 08Q&AQ&A
Apa itu?
WHAT W

Chatbot VS Agent

Chatbot
Anda tanya. Ia jawab. Anda yang buat kerja.

Anda yang jadi loop: copy, run, tanya semula.

Agent
Anda beri matlamat. Ia rancang, bertindak, dan semak.

Agent yang jadi loop. Anda beri matlamat, terima hasil.

Apa itu? · Loop
WHAT W

Rahsianya cuma satu loop.

GoalDone?
01
Think
plan the next step
02
Act
call a tool
03
Observe
read the result
04
Check
good? or try again
MATLAMAT: "Gabungkan 12 lagu ini jadi satu MP3"
THINKSaya perlu tahu format dan panjang setiap fail dulu.
ACTffprobe -show_format ./songs/*
OBSERVE12 fail · 9 MP3, 2 M4A, 1 FLAC · jumlah 47:12
THINKFormat bercampur, jadi decode semua, encode sekali. Kekalkan susunan.
ACTffmpeg -f concat -i list.txt -c:a libmp3lame -q:a 2 out.mp3
OBSERVEout.mp3 siap · 47:12 · tiada ralat
CHECKPanjang sama dengan jumlah semua input. Siap ✓
Apa itu? · Anatomi
WHAT W

Agent =
Model +
Harness.

Model ialah otaknya. Semua di sekelilingnya, iaitu tools, memori, loop dan peraturan, ialah harness. Model sama, harness lebih baik, agent jauh lebih hebat.

01
Modelotak
Berfikir, merancang, menulis. Claude Opus / Sonnet / Haiku, DeepSeek, MuseSpark, Gemini…
02
Toolstangan
Shell, fail, carian web, browser, spreadsheet, apa-apa app melalui MCP.
03
Contextapa yang ia tahu
Fail anda, nota projek (CLAUDE.md), skills, perbualan lepas.
04
Loopcara ia terus bergerak
Fikir → bertindak → perhati → semak, sehingga siap. Claude Code, DeepSeek Harness, Codex.
05
Guardrailsapa yang ia tak boleh buat
Permissions, kelulusan sebelum langkah berisiko, sandbox, undo (git).
Apa itu? · Webchat vs harness
WHAT W

Otak sama. Badan berbeza.

Webchat
claude.ai · ChatGPT · Gemini app
Agentic harness
Claude Code · Codex · DeepSeek Harness · OpenCode
DI MANA IA BERJALAN
Tab browser, di server provider
Di mesin anda atau sandbox, dalam projek anda
APA YANG IA BOLEH SENTUH
Hanya apa yang anda paste atau upload
Fail, terminal, browser, dan app anda melalui MCP
SIAPA BUAT LANGKAHNYA
Anda: copy, paste, run, lapor balik
Agent jalankan command dan baca hasilnya
SATU KERJA MENGAMBIL
Satu balasan: beberapa saat ke minit
Banyak langkah: minit hingga berjam
MEMORI
Thread chat itu sahaja
Nota projek, skills, sejarah git
SEMAK HASIL KERJA
Anda semak semuanya
Ia test dan run semula, kemudian anda review
MODEL KESELAMATAN
Tak boleh rosakkan apa-apa milik anda
Permissions, kelulusan, sandbox, undo
Kesimpulan

Webchat pun makin banyak tools. Tapi harness membolehkan model bertindak dalam dunia anda.

Kenapa penting?
WHY W

Tiga sebab, kenapa sekarang.

01 · Otak

Model makin pandai guna tools, lebih lama.

Ia panggil tool, baca hasil dan pilih langkah seterusnya, selama berjam-jam, bukan beberapa saat.

~7 bln
METR (2025): panjang tugasan yang mampu disiapkan AI agent berganda kira-kira setiap tempoh ini.
02 · Sambungan

Satu cara standard untuk sambung ke semua tools.

Model Context Protocol (MCP), dibuka hujung 2024, membolehkan mana-mana agent bersambung ke fail, database, browser dan app tanpa kod khas untuk setiap satu.

03 · Rumah

Agent masuk ke tempat kita bekerja.

Terminal, code editor, browser, Word dan Excel. Tak perlu belajar app baru: agent yang datang ke tools anda.

Peralihan ▶

Anda berhenti menaip setiap langkah, dan mula menilai hasil.

Siapa yang guna?
WHO W

Agent untuk semua orang.

Developer

Ship feature, fix bug, tulis test, review pull request.

Penyelidik

Baca paper, bersihkan dan label data, jalankan analisis, draf laporan.

Pejabat & operasi

Laporan, spreadsheet, borang, kerja copy-paste setiap minggu.

Pelajar & creator

Belajar sambil membina, edit media, siapkan portfolio.

Agent (antara yang saya guna)
Claude CodeCodexGemini CLIOpenCodeHermes AgentOpenClawKilo CLIGooseClineDeepSeek Harness
★ Anda

Agent bertindak. Anda yang buat keputusan.

Siapa otaknya?
WHO W

Otak yang kita ada sekarang.

  • Persaingan sengit di puncakFable 5.2 mendahului dengan 65, diikuti Gemini 4 Carbon (60) dan Opus 5.5 (59).
  • Murah pun boleh tahanKos DeepSeek V4.1 Flash kira-kira 1/17 daripada Opus 5.5 untuk setiap tugasan.
  • Pilih ikut kerjaSkor, kelajuan dan harga perlu diseimbangkan. Sebab itu Demo 3 guna Haiku.
Intelligence Indexlebih tinggi lebih baik · max effort
#MODELSKOR$/TUGASMINIT
Sumber: Artificial Analysis Intelligence Index v5.0.1 · artificialanalysis.ai · 13 Nov 2026tiada API awam
Tugasan sama, setahun berbeza
WHO W

Patung yang sama, setahun kemudian.

Tugasan: bina Statue of Liberty dalam 3D yang boleh diterokai terus dalam browser.

GPT-5 Pro
OpenAI · model Pro, paling atas masa itu
Ogos2025
Hasil GPT-5 Pro: patung hijau ringkas di atas pulau bulat dengan pokok sfera dan bangunan kotak di belakang
  • Patung bentuk kasar, obor dan mahkota tak jelas
  • Pulau bulat, pokok jadi bebola hijau berbaris
  • Bandar di belakang hanya kotak kelabu
Claude Sonnet 5.5
Anthropic · model pertengahan, bukan yang terbesar
Kini2026
Hasil Sonnet 5.5: Statue of Liberty berskala sebenar dengan obor bercahaya, pedestal bertiang, tapak berbentuk bintang dan panel kawalan kamera
  • Skala sebenar 1:1 (93.05 m), obor bercahaya dan mahkota
  • Pedestal bertiang, tapak Fort Wood berbentuk bintang
  • Kamera Face, Torch, Aerial, slider waktu dan auto-orbit
Di mana mereka tinggal?
WHERE W

Lima tempat agent tinggal.

Terminal

Akses penuh kepada fail dan command. Rumah paling berkuasa.

Claude CodeCodex CLIGemini CLI
Demo 3 · 4

Editor

Dalam IDE anda, di sebelah kod yang sedang anda baca.

VS Code + ClineWindsurf, TraeZed
Coding harian

Docs

Dokumen dan spreadsheet, dibina daripada research.

Word / .docxExcel / .xlsxSlides
Demo 1 · 2 · 5

Browser

Klik, scroll dan menaip di laman web sebenar.

Antigravity browser agentClaude in ChromeComputer use
Isi borang, cari data

Cloud

Berjalan di latar belakang, ikut jadual, semasa anda tidur.

Background agentsRutin berjadualGitHub Actions
Tahap seterusnya
Di mana mereka tinggal? · Harness
WHERE W

Harness yang kita ada sekarang.

Claude Code
Anthropic
Claude DesktopCLIIDEChromeDemo 1·3·4
ModelClaude Opus 5.5 · Sonnet 5.5 · Haiku 5.5 · Fable 5.2
Codex
OpenAI
Codex DesktopCLIIDECloud
ModelGPT-6 Astra · GPT-6.1 Sol · GPT-6.1 Terra
Antigravity
Google
Antigravity DesktopCLIBrowser agentDemo 5
ModelKeluarga Gemini, cth. Gemini 4 Argon
DeepSeek Harness
DeepSeek
Agent harnessDemo 2
ModelDeepSeek V4.1 Flash · MuseSpark 1.3 (Demo 2)
Cursor
Anysphere
EditorCLIBackground agents
ModelPilih mana-mana: Claude, GPT, Gemini, atau Composer sendiri
Hermes Agent
Nous Research · open source
CLIApp chatSelf-hosted
ModelMana-mana provider, atau model lokal melalui Ollama
GitHub Copilot
GitHub · Microsoft
VS Code agentCLICloud agent
ModelClaude, GPT dan Gemini, boleh tukar
OpenCode
Open source
CLIDesktop
ModelBawa sendiri: 75+ provider, model lokal pun boleh
Dan banyak lagi ▶ Kilo Code Cline Windsurf Trae Goose OpenClaw Kimi CLI Mistral Vibe Grok Build
Bila semua ini berlaku?
WHEN W

Empat tahun, dari chat ke crew.

2022

Chat

ChatGPT tunjukkan kepada dunia AI yang boleh diajak berbual.

2023

Tools

Function calling: model boleh minta untuk jalankan kod dan panggil API.

2024

Hands

Computer use dan MCP: agent boleh klik, menaip dan bersambung ke app.

2025

Coders

Claude Code, Codex CLI dan Gemini CLI bawa agent ke terminal.

ANDA DI SINI
2026

Crews

Agent berjalan berjam-jam, di latar belakang, dan dalam pasukan subagent.

Jadi?

Tools dah sedia. Kemahiran yang penting sekarang ialah tahu bila nak serahkan tugasan.

Bila patut guna?
WHEN W

Bila nak hantar agent.

Hantar agent
  • Banyak langkah, banyak toolsCari, baca, banding, kemudian bina fail.
  • Hasilnya boleh disemakIa boleh run, nombornya betul, sumbernya wujud.
  • Anda buat setiap mingguKerja bosan dan berulang ialah sweet spot.
Chat sahaja, atau buat sendiri
  • Jawapan pendek, satu barisAgent terlalu berlebihan untuk "error ni maksudnya apa?"
  • Anda tak pasti ia betulKalau tak boleh semak, tak boleh percaya.
  • Tak boleh undo, risiko tinggiBayaran, padam data, hantar kepada klien, tanpa semakan.

Panduan mudah: kalau anda boleh terangkan “siap”, agent boleh kejar.

Macam mana nak guna dengan baik?
HOW H

Brief ia macam rakan sepasukan baru.

  1. 1
    Matlamat (Goal)Apa yang anda mahu, dalam satu ayat.
  2. 2
    ContextFail, contoh, untuk siapa, gaya organisasi anda.
  3. 3
    Had (Limits)Apa yang ia boleh sentuh, dan apa yang perlu OK anda dulu.
  4. 4
    Siap bila… (Done when)Macam mana anda (dan ia) tahu kerja dah selesai.
✕ LEMAH"vibes"
make me a report about laptops
✓ KUATGoal · Context · Limits · Done
Goal: compare 6 laptops for CS students under RM4,500.
Context: they code, run Docker, carry it all day.
Limits: Malaysian shops only, cite every price.
Done when: an .xlsx with a scored table, a chart and one clear pick.
Macam mana nak level up?
HOW H

Empat power-up.

Item 01

Tools & MCP

Tangan baru. Sambung ke database, browser, GitHub atau kalendar anda.

Item 02

Skills

Know-how yang disimpan. "Cara kami tulis dokumen di sini", dimuat hanya bila perlu.

Item 03

Subagents

Pecahkan kerja besar: satu buat research, satu membina, satu menyemak, serentak.

Item 04

Memori

Nota projek yang ia baca setiap kali: command, peraturan, perangkap biasa.

Pro tip ▶

Padankan model dengan kerja. Model kecil yang laju pada effort tinggi mampu buat kerja kecil yang banyak, simpan model terbesar untuk kerja yang complex.

Pulau pixel-art dengan pokok bunga di tengah laut
★ Quest log

Demo time.

01Research → dokumen WordDocs
02Perbandingan web → ExcelData
03Video 4-grid dengan label & muzikMedia
04Bina app sebenar: AIO MergerCode
05Transkrip lagu → lirik dalam WordAudio
★ AMIR
SATU PERATURAN UNTUK DEMO: TENGOK APA YANG IA BUAT, BUKAN APA YANG IA CAKAP. ▶
Demo 01 · Docs
DEMO 1
01

Dari satu topik ke dokumen Word yang lengkap dan bersumber.

Agent buat research, menulis, cari gambar, dan serahkan .docx sebenar dengan setiap sumber dipautkan.

AGENT
Claude · Word (docx) skill
TOOLS
Web search · fetch · muat turun gambar
OUTPUT
.docx dengan TOC, gambar, rujukan
Prompt
› Research what "agentic AI" means and write a 6-page Word explainer for UiTM staff with no tech background. Cite every claim with a link, include 3 relevant images with captions and credits, add a table of contents and a references page. Check the file opens before you finish.
  1. 01
    Ia buat research sendiriCari, buka laman, dan simpan hanya sumber yang betul-betul dibaca.
  2. 02
    Gambar dengan kreditMuat turun, letak dan beri kapsyen, jadi tiada yang tanpa sumber.
  3. 03
    Ia semak fail sendiriBuka semula .docx, betulkan heading atau link yang rosak.
AGENTIC MOVEresearch→tulis→bina fail→sahkan
Demo 02 · Data
DEMO 2
02

Survey di web, kemudian bina Excel yang cantik.

Ia bandingkan produk sebenar dari kedai sebenar, dan ubah data bersepah jadi workbook lengkap dengan skor dan carta.

HARNESS
DeepSeek Harness
MODEL
MuseSpark 1.3
OUTPUT
.xlsx · formula, formatting, carta
Prompt
› Compare the 6 best laptops for computer science students in Malaysia under RM4,500. For each, find the current price from at least 2 Malaysian shops, plus CPU, RAM, battery life and weight. Build an Excel file: a comparison sheet, a weighted score using formulas (not typed numbers), conditional formatting, and a chart. End with one clear recommendation and why.
  1. 01
    Banyak laman, satu jadualIa layari laman kedai dan review, kemudian susun spec sebelah-menyebelah.
  2. 02
    Nombor bercanggahDua harga untuk satu laptop? Tengok macam mana ia selesaikan.
  3. 03
    Formula liveTukar pemberat, ranking dikemas kini dengan sendiri.
AGENTIC MOVEbrowse→ekstrak→cross-check→bina
Demo 03 · Media
DEMO 3
03

Edit video dan muzik dengan bahasa biasa.

Tiada timeline, tiada editor. Agent kendalikan FFmpeg untuk anda: susun 4 video dalam grid, letak label, mix muzik dan export.

AGENT
Claude Code
MODEL
Haiku 5.5 · High effort
TOOLS
Shell · ffprobe · ffmpeg
Prompt
› Create a 4-grid video comparison. Check the file names first, and add bold text labels in the center on top of each video based on them.

Then include the audio from that folder as well, with the volume set to 30% with fade-in and fade-out.
  1. 01
    Ia tengok dulu sebelum editBaca nama fail untuk label, dan probe panjang, resolusi serta audio.
  2. 02
    Model kecil, kerja sebenarModel yang laju dan murah, pada effort tinggi, mampu siapkan semuanya.
  3. 03
    Ia buktikan hasilnyaProbe semula output untuk sahkan grid, label dan trek muzik.
AGENTIC MOVEinspect→rancang→run→semak semula
Demo 04 · Code
DEMO 4
04Ikon AIO Merger

Demo 3, dijadikan app sebenar.

AIO Merger: masukkan lagu dan video, dapat semula satu MP3 atau satu MP4. Dibina dengan agent, dari awal hingga akhir.

Rust + Tauri 2desktop app, Windows & Linux
~3,600 barisenjin Rust + UI JS biasa
FFmpeg di dalamgabungan gapless, GPU encoding
CI releasesGitHub Actions bina installer
Live ▶Tambah feature baru, secara live, dalam codebase sebenar.
Tetingkap utama AIO Merger dengan senarai klip dan tetapan output MP3/MP4
Prompt
› Add a "Normalize loudness" toggle to the output settings. Add updates to readme, and run it for me to see.
Demo 05 · Audio · Quest terakhir
DEMO 5
05

Dari lagu
ke lirik yang kemas.

Beri satu fail lagu. Agent dengar dan transcribe lirik walaupun ada muzik di belakang, kemudian susun jadi dokumen Word: verse, chorus dan bridge.

HARNESS
Antigravity
MODEL
Gemini 4 Argon
OUTPUT
Lirik + dokumen Word (.docx)
Prompt
› Transcribe the lyrics of song.mp3. Then turn them into a clean Word document called "Lyrics": the song title at the top, the lyrics split into verse, chorus and bridge with timestamps, and a short note on the mood of the song. Flag any lines that were hard to hear.
  1. 01
    Ia dengar lagu sebenarVokal bercampur muzik, bukan rakaman suara yang bersih.
  2. 02
    Lirik jadi strukturVerse, chorus dan bridge dengan timestamp, bukan teks panjang.
  3. 03
    Jujur bila tak pastiBaris yang kurang jelas ditanda untuk anda semak.
AGENTIC MOVEtranscribe→susun→tulis .docx→semak
★ Quest selesai

Lima kerja. Satu corak.

DEMOHASILNYATOOLS YANG DIPILIHCARA IA SEMAK
DocsPenerangan Word bersumbersearch · fetch · docxbuka semula fail, semak link
DataWorkbook laptop dengan skorbrowser · spreadsheetcross-check harga antara kedai
MediaVideo 4-grid berlabel dengan muzikshell · ffprobe · ffmpegprobe semula grid dan audio
CodeFeature baru dalam AIO Mergerread · edit · cargo · npmbuild dan run app
AudioLirik lagu dalam dokumen Wordtranscribe · docxtanda baris kurang jelas
Matlamat→Rancang→Tools→Semak↺loop yang sama, setiap kali.
Baca sebelum anda delegate

Serahkan kerjanya,
bukan tanggungjawabnya.

Agent laju dan yakin. Sebab itulah manusia mesti pegang keputusan akhir.

  • RISIKO
    Silap dengan yakinfakta salah, sumber rekaan
    GUARDRAIL
    Minta sumber dan self-check. Spot-check output.
  • RISIKO
    Prompt injectionlaman web atau fail memberi arahan kepadanya
    GUARDRAIL
    Anggap kandungan luar sebagai data. Hadkan apa yang ia boleh capai.
  • RISIKO
    Tindakan berisikopadam, bayar, hantar, publish
    GUARDRAIL
    Kelulusan untuk apa-apa yang tak boleh undo. Guna git dan backup.
  • RISIKO
    Privasi & kosrahsia dalam prompt, bil melambung
    GUARDRAIL
    Jangan letak password atau key dalam chat. Pilih saiz model yang sesuai.
Pulau pixel-art pada waktu senja dengan bintang dan bulan
★ Terima kasih kerana bermain

Ada soalan?

Terima kasih semua. Tanya apa sahaja tentang agent, demo tadi, atau apa yang patut dicuba dulu.

yiorzhe.devAmir HafiziResearch Developer
★ TERUSKAN?
▶ YATIDAK
JUMPA LAGI DI SAVE SETERUSNYA ★ ▮
DISALIN ✓