diyetekno – Penasaran bagaimana AI bisa membantumu membuat kode? Sebagai seorang yang berprofesi menguji AI, saya telah mencoba berbagai macam prompt untuk berbagai keperluan, termasuk coding. Meskipun kode yang dihasilkan AI tidak sempurna dan butuh sedikit penyesuaian, hasilnya tetap memuaskan dan bisa menjadi titik awal yang bagus. Berikut adalah sembilan prompt yang bisa kamu coba untuk memulai vibe coding dengan chatbot favoritmu:
-
Animasi Ubur-Ubur Neon
- Prompt: "Buat animasi HTML/CSS ubur-ubur neon yang perlahan mengambang di layar, bersinar saat bergerak."
- Kenapa menarik: Visualnya memukau dan mudah dipahami. Menunjukkan bagaimana animasi CSS bisa terlihat organik, bahkan pemula pun bisa menghasilkan sesuatu yang "hidup" di layar.
-
Ubah Warna Latar dengan Klik
- Prompt: "Buat halaman web di mana warna latar berubah setiap kali saya klik di mana saja pada halaman."
- Kenapa menarik: Memberikan kepuasan instan. Cocok untuk belajar cara kerja event di JavaScript tanpa membuat kewalahan. Mempelajari kode yang dihasilkan AI juga sangat membantu.
-
Bola Pantul Berubah Warna
- Prompt: "Tulis kode untuk bola pantul yang berubah warna saat mengenai tepi layar."
- Kenapa menarik: Menggabungkan fisika dan visual dengan cara sederhana. Bola memantul (menyenangkan), berubah warna (menyenangkan), dan menunjukkan cara kerja deteksi tabrakan dan loop tanpa terlalu rumit.
-
Game Tangkap Bintang Jatuh
- Prompt: "Buat game sederhana di mana karakter menangkap bintang jatuh dengan tombol panah. Tambahkan penghitung skor."
- Kenapa menarik: Hasilnya terasa seperti game sungguhan, tetapi dalam skala kecil. Tidak ada yang terlalu rumit, tetapi kamu tetap mendapatkan interaktivitas seperti penilaian dan logika gerakan.
-
Tombol Kabur
- Prompt: "Buat tombol interaktif yang mencoba kabur dari pointer mouse setiap kali kamu mengarahkannya."
- Kenapa menarik: Sangat lucu dan menyenangkan untuk menjahili teman. Melihat tombol menghindar dari kursor tidak pernah membosankan, dan ini adalah pengantar cerdas untuk penanganan event dan logika kondisional.
-
Peliharaan Pengikut Kursor
- Prompt: "Kode karakter kecil yang mengikuti kursor mouse di sekitar layar seperti hewan peliharaan."
- Kenapa menarik: Sekali lagi, menyenangkan. Memberikan kesan bahwa coding bisa terasa personal. Tiba-tiba kamu memiliki "teman" di desktopmu, yang membuat coding terasa menyenangkan.
-
Animasi Loading Irisan Pizza
- Prompt: "Rancang animasi loading unik yang terlihat seperti irisan pizza berputar."
- Kenapa menarik: Semua orang suka pizza, dan animasi loading adalah sesuatu yang akan sering kamu gunakan kembali. Menunjukkan cara menggabungkan bentuk sederhana, rotasi, dan pengulangan menjadi sesuatu yang menyenangkan.
-
Visualisasi Musik
- Prompt: "Buat visualisasi musik interaktif sederhana yang bereaksi terhadap suara dengan bentuk yang berdenyut."
- Kenapa menarik: Terhubung langsung dengan sesuatu yang kita semua sukai, musik. Memperkenalkan API audio dengan cara yang bersahabat.
-
Bilah Progres Pelangi
- Prompt: "Buat bilah progres animasi berwarna-warni yang terisi dengan gradien pelangi saat memuat."
- Kenapa menarik: Bilah progres biasanya membosankan, tetapi yang ini murni dopamin. Praktis (bilah progres ada di mana-mana) dan menyenangkan (gradien pelangi membuatnya menonjol).
Sembilan prompt ini adalah cara yang bagus untuk memasuki dunia vibe coding. Buka Claude, Gemini, atau ChatGPT, masukkan prompt, dan tempel hasilnya ke CodePen, GitHub, atau platform hosting pilihanmu.
Jangan ragu untuk memodifikasi prompt ini dengan menambahkan fungsionalitas, detail, dan apa pun yang membuatnya menjadi milikmu. Anggap saja ini bukan "produk jadi", tetapi ajakan untuk bereksperimen dan menguji, yang merupakan inti dari vibe coding. Prompt ini cukup pendek dan spesifik sehingga AI dapat memahaminya. Selain itu, setiap prompt memiliki hasil yang langsung bisa kamu lihat atau mainkan.
Ingatlah bahwa kesabaran dan kreativitas sangat penting saat kamu menyelami vibe coding. Selamat mencoba!
