Prompt Engineering untuk Web Developer: Trik Memakai AI (ChatGPT/Claude)

AI Hanya Sepintar Orang yang Memerintahnya

Saat menggunakan ChatGPT atau Claude untuk *coding*, kualitas hasil yang kamu dapatkan berbanding lurus dengan kualitas pertanyaan yang kamu ketik. Praktik merancang instruksi yang tepat sasaran ini disebut Prompt Engineering.

Masalah terbesar Junior Developer saat memakai AI adalah Kurang Konteks. Jika kamu sekadar menyalin blok kode dan memencet Enter, AI akan menebak-nebak struktur folder, *framework* yang dipakai, dan tipe database-mu. Hasilnya? AI akan berhalusinasi (ngarang bebas) dan menciptakan fungsi yang memicu *Error* baru di proyekmu.

Struktur Prompt (Perintah) Sempurna untuk Developer

Setiap kali kamu akan meminta AI merombak (*Refactor*) kode atau memecahkan Bug, wajibkan dirimu memakai struktur 4 Paragraf ini:

1. Tetapkan Persona & Tech Stack

"Bertindaklah sebagai Senior Frontend Engineer. Saya sedang membangun aplikasi E-Commerce menggunakan Next.js 14 (App Router), Tailwind CSS, dan State Management Zustand."
(Mengapa ini penting? Jika kamu tidak menyebut "Next.js App Router", AI mungkin akan memberimu jawaban versi lawas "Pages Router" yang sudah usang).

2. Jelaskan Tujuan Akhirnya (The Goal)

"Saya sedang membuat fungsi Filter Produk yang bisa mencari barang berdasarkan kategori dan rentang harga."

3. Jelaskan Masalah & Berikan Konteks Error (The Bug)

"Namun, setiap kali user mengetik harga, komponennya mengalami Infinite Re-render sehingga website macet. Berikut adalah cuplikan kode komponen 'Filter.tsx' saya. [PASTE KODEMU DI SINI]"

4. Tentukan Batasan Jawaban (The Constraints)

AI suka sok tahu dan merombak seluruh kodemu. Cegah dengan batasan keras:
"Berikan letak kesalahan di kode saya. Jangan ganti framework saya. Tolong berikan kodenya kembali tanpa mengubah nama-nama variabel yang sudah ada, dan beri komentar singkat (inline comment) pada baris yang kamu perbaiki saja."

Trik Tambahan (Jailbreak)

Jika AI memberikan kode fungsi yang terasa terlalu kompleks dan aneh, jangan langsung di-*copy-paste*. Uji (Challenge) AI tersebut dengan membalasnya: "Apakah ada pendekatan yang lebih bersih atau menggunakan fitur bawaan ECMAScript (Native JS) tanpa *library* tambahan untuk memecahkan ini?"

Seringkali, AI akan meminta maaf ("Maaf, Anda benar...") dan memberikan kode baris kedua yang jauh lebih elegan dan masuk akal. Anggap AI sebagai teman *Pair-Programming* yang sering ceroboh!