Pelajari cara menulis prompt yang berkesan untuk mendapatkan hasil yang tepat dan berkualiti dari AI.
Bayangkan anda boleh "bercakap" dengan AI untuk hasilkan kod, bina laman web, dan selesaikan masalah — hanya dengan menulis ayat yang betul. Itu bukan mimpi. Selepas fasa ini, anda bukan lagi "tak tahu coding" — anda seorang prompt engineer.
Dalam fasa "Seni Prompting" ini, anda akan belajar cara menulis arahan yang tepat untuk AI — macam mana nak bagi konteks, arahan yang jelas, dan batasan yang spesifik supaya AI faham apa yang anda mahu. Anda akan dapat hasilkan kod yang berkualiti, walaupun anda tiada latar belakang programming. Yang penting bukanlah berapa banyak kod yang anda tahu — tapi bagaimana anda berkomunikasi dengan AI.
Di akhir fasa ini, anda akan mampu menulis prompt berstruktur (Context + Instruction + Constraint), menggunakan teknik seperti role-play dan chain-of-thought, membuat iterative refinement, dan membandingkan output Claude Code vs Codex. Lebih penting lagi: anda akan yakin bahawa coding bukanlah penghalang — cuma perlukan prompt yang betul.
Setiap prompt yang berkesan terdiri daripada tiga komponen utama.
Formula ini adalah asas kepada semua prompt yang baik. Jika prompt anda kurang salah satu elemen ini, output AI kemungkinan besar akan mengecewakan.
Perhatikan bagaimana ketiga-tiga komponen digabungkan dalam prompt ini:
Anda TIDAK perlu menulis "Context:", "Instruction:", "Constraint:" secara literal. Yang penting kandungan prompt anda mengandungi ketiga-tiga elemen ini. Gunakan struktur yang paling selesa untuk anda.
Empat teknik utama yang akan menjadikan prompt anda lebih berkuasa.
Suruh AI memainkan peranan tertentu. Ini memberikan konteks yang kuat dan membantu AI mengadaptasi gaya yang sesuai.
Beri AI contoh input dan output yang dikehendaki. AI pandai meniru pattern dari contoh yang diberikan.
Minta AI berfikir langkah demi langkah sebelum memberi jawapan. Sangat berkesan untuk tugas logik dan penyelesaian masalah.
Mulakan dengan prompt ringkas, dapatkan output, nilai, dan refine secara berperingkat. Jangan harap sempurna pada percubaan pertama.
Setiap platform AI mempunyai "personaliti" yang berbeza. Optimumkan prompt anda untuk setiap satu.
Claude Code cemerlang dengan prompt yang deskriptif dan kaya konteks. Ia suka meneroka pelbagai sudut pandangan, memberikan reasoning yang mendalam, dan boleh mengendalikan arahan yang kompleks dan bernuansa.
Codex bertindak balas lebih baik kepada prompt ringkas, langsung, dan berorientasikan kod. Ia tidak perlukan naratif yang panjang — beri arahan yang jelas dan terus ke titik.
| Aspek | Claude Code | Codex |
|---|---|---|
| Gaya Prompt | Deskriptif, naratif, reasoning | Ringkas, langsung, bullet points |
| Panjang Prompt | 200+ words — lebih detail lebih baik | 50–150 words — ringkas dan fokus |
| Reasoning | Cemerlang — explain, strategi, alternatif | Minima — fokus pada hasil kod |
| Iterasi | Sangat sesuai — ingat konteks perbualan | Sederhana — perlu ulang konteks |
| Kekuatan Utama | Kod yang tersusun, documented, well-explained | Kod yang cepat, praktikal, straight to the point |
| Sesuai Untuk | Projek kompleks, architecture, refactoring | Tugas cepat, snippet, implementasi pantas |
Guna kedua-duanya! Claude Code untuk perancangan, architecture, dan code review. Codex untuk implementasi cepat dan snippet. Gabungan kedua-duanya memberikan produktiviti maksimum.
Kenal pasti dan betulkan kesilapan prompting yang paling kerap dilakukan.
| # | Kesilapan | Contoh Salah | Cara Betul |
|---|---|---|---|
| 1 | Terlalu ringkas | "Buat website" | "Bina landing page untuk startup AI — 4 sections, tema gelap, responsive" |
| 2 | Campur aduk arahan | "Buat navbar, pastu tambah footer, pastu bagi warna biru" | "Bina layout: (1) Navbar — logo + 4 menu, (2) Footer — copyright + social links. Warna: #0b0d17 bg, #06d6f0 accent." |
| 3 | Tak nyatakan format output | "Generate code untuk contact form" | "Bina contact form HTML dengan CSS inline. Satu file sahaja. Include validation untuk email." |
| 4 | Guna istilah kabur | "Buat design yang menarik" | "Guna tema gelap dengan gradient aksen, font sans-serif, ruang putih yang luas, dan micro-animations pada hover." |
| 5 | Puasa hati tanpa refine | (Terima output pertama tanpa semakan) | "Tukar warna button kepada gradient. Kecilkan padding. Tambah border-radius." |
| 6 | Lupa beri konteks | "Tolong betulkan kod ni" | "Kod JavaScript ni tak jalan. Saya nak validate form registration. Error dia: button submit tak trigger apa-apa." |
Panduan ringkas tentang apa yang perlu dan tidak perlu dilakukan semasa menulis prompt.
Terangkan latar belakang, tujuan, dan siapa target pengguna.
AI akan buat tekaan sendiri yang mungkin tak tepat.
Bullet points, numbered lists, headings membantu AI memahami.
AI mudah tertinggal detail penting dalam perenggan panjang.
Beritahu AI dengan tepat bagaimana nak sampaikan hasil.
AI mungkin bagi output dalam format yang menyusahkan.
Minta perubahan spesifik. AI boleh adjust dengan tepat.
Kebanyakan output pertama boleh diperbaiki dengan refinement.
Prompt yang sama mungkin beri hasil berbeza pada Claude vs Codex.
Setiap tool ada kekuatan berbeza. Guna yang sesuai untuk tugas tertentu.
Kisah benar pelajar yang menggunakan teknik prompting untuk menyelesaikan masalah sebenar.
Seorang pelajar yang langsung tidak tahu coding ingin membina laman web untuk perniagaan kek homemade ibunya. Tiada bajet untuk sewa developer. Cuma ada modal untuk subskripsi Claude Code.
Pelajar menggunakan teknik iterative refinement — mulakan dengan prompt ringkas, minta output, nilai, dan refine langkah demi langkah. Setiap kali tambah satu seksyen baru.
Selepas 4 iterasi, pelajar berjaya menghasilkan landing page profesional untuk kedai kek — lengkap dengan gallery produk, sistem order WhatsApp, dan responsive design. Ibunya mula terima order online dalam masa seminggu.
"Saya sangka coding susah dan mahal. Rupanya dengan prompting, saya boleh bina website sendiri. Kuncinya: jangan cuba sempurna dalam satu prompt. Mulakan kecil, tambah satu-satu." — Pelajar, 22 tahun
Seorang graduan baru dalam bidang reka bentuk grafik tak punya portfolio online yang profesional. Permohonan kerja selalu gagal sampai ke peringkat interview. Nak upah developer terlalu mahal.
Pelajar menggunakan teknik role-play prompting — suruh AI bertindak sebagai frontend developer dan pakar UX. Dia describe visi reka bentuk dalam perkataan, AI translate ke kod.
Portfolio profesional siap dalam masa 2 jam — padahal sebelum ni dia fikir nak belajar coding selama 3 bulan. Portfolio ini diguna untuk memohon kerja sebagai graphic designer. Dalam masa 2 minggu, dia dapat panggilan interview dari 3 syarikat.
"Role-play prompting adalah game changer. Saya cuma perlu describe apa yang saya nak dalam bahasa rekaan, AI akan translate ke kod. Tak perlu jadi programmer untuk hasilkan website yang cantik." — Pelajar, 24 tahun
Seorang pelajar yang sedang belajar frontend development stuck dengan CSS bug selama 3 hari. Layout flexboxnya tak menjadi macam yang diharapkan — elemen bertindih dan tak responsif. Google search tak jumpa penyelesaian.
Pelajar menggunakan teknik chain-of-thought (CoT) prompting — minta AI untuk berfikir langkah demi langkah tentang apa yang mungkin salah, diagnosis punca masalah, dan kemudian cadangkan pembetulan.
AI menerangkan bahawa masalah utama adalah penggunaan flex: 1 tanpa flex-wrap, dan ketiadaan min-width pada flex items. Pelajar bukan sahaja dapat fix bug — dia faham konsep flexbox yang sebelum ni tak pernah difahami. Masa penyelesaian: 10 minit (vs 3 hari sebelum ni).
"Chain-of-thought prompting ubah cara saya belajar. Daripada minta jawapan terus, saya minta AI ajar saya kenapa sesuatu jadi masalah. Ini macam ada tutor peribadi 24/7." — Pelajar, 20 tahun
Konsep paling penting yang perlu diingat dari modul ini.
Sekarang anda sudah faham teori prompting, tiba masanya untuk praktik! Buka halaman 10 Latihan Prompt dan mula dari Latihan 1. Setiap latihan direka untuk mengukuhkan satu konsep tertentu.