Prompt Engineering untuk Developer
Tulis prompt yang efektif untuk mendapatkan kode berkualitas tinggi
Tujuan Pembelajaran
- Bisa menulis prompt yang efektif
- Mengerti struktur prompt yang baik
- Menguasai teknik context dan chaining
Analogi
Prompt Structure:
1. Role: 'You are a senior React developer'
2. Context: 'We use Vite, TypeScript, Tailwind'
3. Task: 'Create a reusable Button component'
4. Requirements: 'Must support variants, sizes, loading state'
5. Output format: 'Provide code + brief explanation'
Prompt engineering adalah skill menulis instruksi yang jelas untuk AI — semakin spesifik, semakin baik hasilnya
Penjelasan Konsep
Prompt engineering bukan tentang ‘engineering’ dalam arti teknis — ini adalah skill komunikasi. Kemampuan kamu untuk menjelaskan apa yang kamu inginkan dengan jelas dan kontekstual akan menentukan kualitas output AI.
Struktur Prompt yang Efektif
Prompt yang baik mengikuti struktur: Role + Context + Task + Requirements + Output Format.
Role — Berikan AI sebuah peran
“You are an expert TypeScript developer with 10 years of experience building scalable web applications.”
Ini mengatur ‘persona’ AI dan mempengaruhi depth dan style jawabannya.
Context — Berikan konteks proyek
“We are building a task management app using React 19, Vite, TypeScript, Tailwind CSS, and shadcn/ui.
The backend uses Hono with Drizzle ORM.”
Konteks membantu AI memahami ecosystem dan constraint yang berlaku.
3. Task — Jelaskan apa yang perlu dikerjakan
“Create a task list component that displays tasks with filtering and sorting capabilities.”
Task harus spesifik dan actionable.
4. Requirements — Detail spesifikasi
“Requirements:
- Filter by status (all, active,
Completed)
- Sort by date or priority
- Pagination with 10 items per page
- Empty state when no tasks
- Loading skeleton while fetching
- Error handling with retry button”
Requirements yang jelas mengurangi iterasi dan revisi.
5. Output Format — Tentukan format output
“Please provide:
- The component code
- A brief explanation of the approach
- Any potential improvements or edge cases”
Teknik Lanjut
Chain of Thought
Minta AI berpikir step-by-step “Think through this step by step before writing any code.”
Few-Shot Prompting
Berikan contoh input/output yang diinginkan “Here are examples of the API response format we expect: [examples]“
Iterative Refinement
Refine output bertahap “Good start. Now add error handling and TypeScript strict types.”
Inti yang Perlu Dipahami
Bagian ini berfokus pada bisa menulis prompt yang efektif., mengerti struktur prompt yang baik., dan menguasai teknik context dan chaining. Jangan terburu-buru menghafal istilahnya. Lebih penting untuk memahami peran setiap konsep dan kapan konsep itu muncul dalam pekerjaan web development.
Saat membaca Prompt Engineering untuk Developer, gunakan tujuan belajar sebagai penanda arah. Kalau kamu sudah bisa menjelaskan tujuan itu dengan kata-katamu sendiri, berarti fondasinya mulai terbentuk.
Cara Membayangkannya
Prompt engineering adalah skill menulis instruksi yang jelas untuk AI — semakin spesifik, semakin baik hasilnya. Analogi ini dipakai supaya konsep teknis tidak terasa melayang. Hubungkan setiap istilah dengan perannya: siapa yang meminta, siapa yang memproses, data apa yang berpindah, dan hasil apa yang diharapkan.
Kalau analoginya sudah terasa masuk akal, barulah lihat istilah teknisnya. Cara ini membuat materi lebih mudah dipahami daripada langsung menghafal definisi.
Saat Melihat Contoh Kode
Contoh kode pada chapter ini memakai bahasa markdown. Bacalah contoh kode sebagai ilustrasi alur, bukan sebagai bagian yang harus langsung dihafal. 5 komponen prompt (Role, Context, Task, Requirements, Output) = hasil yang konsisten dan berkualitas.
Perhatikan nama fungsi, urutan langkah, dan data yang berpindah. Biasanya tiga hal itu sudah cukup untuk memahami hubungan antara teori dan praktik.
Konteks dalam Perjalanan Belajar
Setiap konsep di platform ini dipilih karena dipakai di industri. Fokus pada pemahaman, bukan hafalan.
Kamu sudah di bagian lanjutan. Mulai pikirkan bagaimana konsep ini dipakai di dunia kerja — bukan hanya untuk belajar, tapi untuk membangun produk nyata.
Gunakan pertanyaan reflektif dan prompt AI di akhir chapter sebagai latihan aktif. Membaca saja tidak cukup — kamu perlu menjelaskan ulang dengan kata-katamu sendiri.
Contoh Kode
# Contoh: Prompt untuk Generate API Endpoint
## Prompt:
You are a senior backend developer specializing in TypeScript and Hono.
Context:
- We use Bun runtime with Hono framework
- Database: SQLite with Drizzle ORM
- Authentication: JWT middleware already implemented
Task:
Create a REST API endpoint for managing user preferences.
Requirements:
- GET /api/preferences — return current user preferences
- PATCH /api/preferences — update specific fields
- Validation with Zod schema
- Type-safe Drizzle queries
- Handle edge cases (first-time user, invalid data)
- Include error responses with proper HTTP status codes
Output:
1. Complete route handler code
2. Zod schema definition
3. Drizzle schema update if needed
4. Brief explanation of the approach
---
# Contoh: Prompt untuk Refactor
## Prompt:
Refactor the following code to use early return pattern,
add proper TypeScript types, and follow clean code principles:
[PASTE CODE HERE]
Explain what you changed and why.Penjelasan Kode
Prompt AI
Tulis prompt untuk generate fitur lengkap (CRUD + search + pagination) untuk entity 'Project'. Gunakan struktur 5 komponen.
Pertanyaan Reflektif
Simpan prompt-prompt yang berhasil ke dalam library pribadi. Prompt yang reusable akan menghemat waktu signifikan.