Pengekodan Vibe · Pelajaran

Contoh Few-Shot

Tunjukkan kepada kecerdasan buatan gaya dan bentuk yang anda inginkan.

Pelajaran 2 daripada 413 langkah

Contoh Few-Shot ialah pelajaran Pengekodan Vibe percuma di CoddyKit. Ini ialah pelajaran 2 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Pengekodan Vibe, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Pengekodan Vibe merangkumi sejumlah 4 pelajaran.

Tunjukkan, Bukan Sekadar Beritahu

Menerangkan kod yang Anda inginkan dengan kata-kata memang berkesan — tetapi menunjukkan contoh lebih berkesan lagi. Teknik ini dipanggil arahan few-shot: Anda memberikan AI satu atau lebih contoh input dan output yang sepadan, kemudian memintanya mengikut corak yang sama.

Perbezaannya adalah seperti menerangkan resipi berbanding memberikan hidangan siap untuk ditiru. Contoh menghapuskan tekaan dan menetapkan gaya tepat Anda.

Zero-Shot berbanding Few-Shot

Zero-shot = Anda bertanya tanpa contoh. Few-shot = Anda menyertakan beberapa contoh terlebih dahulu.

  • Zero-shot: "Tulis fungsi yang menukar tajuk menjadi slug URL."
  • Few-shot: permintaan yang sama, ditambah 2 contoh tajuk dan slug tepat yang Anda jangkakan.

Few-shot lebih baik apabila format penting dan sukar diterangkan dengan kata-kata. Anda mengajar melalui tunjuk cara.

Arahan Few-Shot Pertama Anda

Coraknya mudah: senaraikan beberapa pasangan input → output, kemudian biarkan pasangan terakhir terbuka untuk dilengkapkan oleh AI.

Di sini kita mengajar AI dengan tepat rupa slug kita. Kini AI tahu: huruf kecil, ruang menjadi tanda sempang dan tanda baca dibuang — tanpa kita menulis satu peraturan pun.

Turn each title into a URL slug, following these examples:

Title: "Hello World!"  -> hello-world
Title: "My First App"  -> my-first-app
Title: "10 Tips & Tricks" -> 10-tips-tricks

Title: "Vibe Coding 101" ->

Contoh Mengajar Gaya

Few-shot bukan hanya untuk format data — ia juga cara memindahkan gaya pengekodan. Tunjukkan kepada AI satu fungsi yang ditulis mengikut cara Anda, dan AI akan memadankan penamaan, komen serta struktur Anda pada fungsi seterusnya.

Ini sangat berguna dalam projek sebenar: tampal fungsi sedia ada sebagai contoh, kemudian minta fungsi baharu "dalam gaya yang sama." AI akan memadankan pangkalan kod Anda dan bukannya mencipta konvensyennya sendiri.

Here is how I write functions in this project:

// Returns the average of a list of numbers
function averageOf(numbers) {
  const total = numbers.reduce((sum, n) => sum + n, 0);
  return total / numbers.length;
}

Write a function maxOf(numbers) in exactly this style.

Lihat Output yang Sepadan

Apabila Anda memberikan contoh yang kemas seperti contoh sebelumnya, AI mengembalikan kod yang terus sesuai digunakan. Inilah jenis hasil yang dihasilkan oleh arahan tersebut — gaya komen yang sama, penamaan yang sama dan bentuk yang sama.

Jalankannya untuk mengesahkan bahawa corak itu kekal.

// Returns the largest number in a list
function maxOf(numbers) {
  return numbers.reduce((biggest, n) => (n > biggest ? n : biggest), numbers[0]);
}

console.log(maxOf([3, 9, 2, 7]));
console.log(maxOf([-5, -1, -10]));

Berapa Banyak Contoh?

Anda jarang memerlukan banyak contoh. Beberapa panduan umum:

  • 1 contoh — apabila coraknya kebanyakannya sudah jelas dan Anda hanya mahu menetapkan gaya.
  • 2–3 contoh — apabila format mempunyai kes pinggiran (tanda baca, nombor, perkataan khas).
  • Tambah kes pinggiran dengan sengaja supaya AI belajar mengendalikan input yang rumit, bukan hanya input yang mudah.

Lebih daripada 3 contoh jarang membantu dan hanya menjadikan gesaan panjang.

Format phone numbers like these examples (note the edge case with extra digits):

"1234567890" -> (123) 456-7890
"5551234567" -> (555) 123-4567
"12345"      -> invalid number

"9998887777" ->

Tangani Kes Pinggiran

Helah yang membezakan gesaan few-shot yang baik daripada yang hebat: sertakan input pelik. Jika Anda hanya menunjukkan contoh laluan biasa, AI menganggap input sentiasa bersih — lalu aplikasi Anda ranap apabila menemui input ganjil yang pertama.

Dengan menunjukkan contoh yang tidak sah atau kosong serta respons yang Anda kehendaki, Anda mengajar pengendalian ralat melalui demonstrasi. Tiada penjelasan panjang diperlukan.

Convert each price string to a number. Handle bad input as shown:

"$19.99" -> 19.99
"$0"     -> 0
"free"   -> null
""       -> null

"$120.50" ->

Few-Shot untuk Nada dan Teks

Contoh bukan hanya untuk logik kod — contoh membentuk sebarang teks yang ditulis oleh AI. Sedang membina aplikasi dengan mesej, label butang atau teks ralat? Tunjukkan dua contoh dalam gaya bahasa Anda dan AI akan mengikutinya.

Ini memastikan keseluruhan produk Anda konsisten: mesra, ringkas, profesional — apa sahaja yang Anda tunjukkan.

Write friendly, short error messages in this style:

Problem: empty email field -> "Oops! We need your email to continue."
Problem: password too short  -> "Almost there — make your password a bit longer."

Problem: file too large ->

Contoh dalam Alat Sebenar

Few-shot berfungsi di mana-mana sahaja Anda memberikan gesaan:

  • Cursor / Claude Code: tampalkan fungsi sedia ada sebagai contoh, kemudian minta fungsi seangkatan "dalam gaya yang sama."
  • v0 / Lovable: terangkan satu komponen, kemudian katakan "seperti kad ini" dan tampalkan sampel untuk disalin.
  • Copilot: tulis satu contoh fungsi di atas, dan pelengkapan automatiknya akan meniru corak Anda untuk fungsi seterusnya.

AI ialah pemadan corak — berikan corak itu kepadanya.

// @cursor: here is our standard API helper, follow this exact shape
async function getUser(id) {
  const res = await fetch(`/api/users/${id}`);
  if (!res.ok) return null;
  return res.json();
}

// Now write getOrder(id) in the same style.

Apabila Contoh Memakan Diri

Few-shot sangat berkuasa, jadi berhati-hatilah:

  • Contoh yang mempunyai pepijat mengajar pepijat itu — AI akan menyalin kesilapan Anda.
  • Contoh yang tidak konsisten mengelirukannya: jika dua slug Anda mengikut peraturan yang berbeza, output menjadi rawak.
  • Contoh yang terlalu sempit menyebabkan AI terlalu menyesuaikan diri dan gagal pada apa-apa yang baharu.

Peraturannya: contoh Anda mestilah betul, konsisten dan meliputi julat input yang Anda jangkakan.

Gabungkan dengan Peranan dan Kekangan

Gesaan yang paling boleh dipercayai menggabungkan semua yang telah Anda pelajari: satu peranan, beberapa kekangan dan satu atau dua contoh. Peranan menetapkan kemahiran, kekangan menetapkan peraturan dan contoh menetapkan bentuk tepatnya.

Gabungan inilah yang membolehkan pembina mendapatkan kod yang boleh mereka tampal dan lancarkan — bukannya mempertaruhkan hasil bagi setiap permintaan.

ROLE: Senior JS engineer.
CONSTRAINTS: vanilla JS, return only the function.
EXAMPLE:
  isEven(4) -> true
  isEven(7) -> false
TASK: Write isPositive(n) following the same simple style as isEven.

Semakan Pantas

Anda menggunakan gesaan few-shot untuk memformat tarikh, tetapi AI terus gagal apabila menerima input kosong. Apakah pembaikan terbaik?

Imbas Kembali: Ajar melalui Contoh

Gesaan few-shot ialah salah satu alat Anda yang paling ampuh:

  • Tunjukkan pasangan input → output dan biarkan AI melengkapkan corak itu.
  • Contoh memindahkan format, gaya dan nada dengan lebih baik berbanding perkataan.
  • Sertakan kes pinggiran supaya AI belajar pengendalian ralat.
  • Pastikan contoh betul dan konsisten — pepijat dan percanggahan akan disalin.
  • Gabungkan dengan peranan + kekangan untuk mendapatkan output yang paling boleh dipercayai.

Seterusnya: memecahkan ciri besar kepada langkah kecil yang boleh diberikan gesaan.

Percuma untuk bermula

Pelajari JavaScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus
25
Pelajaran
100

Soalan Lazim

Adakah pelajaran “Contoh Few-Shot” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Pengekodan Vibe, termasuk “Contoh Few-Shot”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Pengekodan Vibe merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Contoh Few-Shot”?

Tunjukkan kepada kecerdasan buatan gaya dan bentuk yang anda inginkan. Anda berlatih Pengekodan Vibe menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Pengekodan Vibe?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Pengekodan Vibe di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 2 daripada 4.

Berapa lamakah pelajaran “Contoh Few-Shot” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Pengekodan Vibe ini?

Ya. Setiap pelajaran Pengekodan Vibe menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

  1. Peranan dan Kekangan
  2. Contoh Few-Shot
  3. Memecahkan Tugas Besar kepada Langkah
  4. Menentukan Teknologi dan Gaya
← Kembali ke Pengekodan Vibe