340 Prompt Vibe Coding untuk Website & Web App

Bangun website dengan AI coding agent tanpa mulai dari prompt kosong

Sering bingung harus menyuruh AI coding agent ngapain?

Daripada setiap kali mulai project harus merangkai instruksi dari nol, ebook 340 Prompt Vibe Coding untuk Website & Web App berisi kumpulan prompt yang bisa kamu jadikan instruksi kerja untuk berbagai kebutuhan pengembangan website dan web app.

Prompt di dalam ebook disusun untuk membantu proses membangun fitur, memperbaiki tampilan, mengembangkan sistem, melakukan audit, hingga memeriksa hasil implementasi.

Apa saja yang ada di dalam ebook?

Terdapat 340 prompt dalam 17 kategori:

UI/UX & Desain Visual

Landing Page & Marketing

Autentikasi & Manajemen User

Dashboard & Admin Panel

E-commerce & Marketplace

Pembayaran & Billing

Database & Manajemen Data

Pencarian, Filter & Sorting

Notifikasi Multi-channel

Real-time & Chat

File & Media Management

Performa & Optimasi

SEO & Aksesibilitas

Keamanan & Proteksi Data

Integrasi API & Third-Party

Analytics, Reporting & Chart

Mobile, PWA & Cross-Platform

Bukan cuma soal “buat fitur”

Prompt juga mencakup kebutuhan seperti:

audit dan perbaikan UI

responsive layout

loading, empty state, error state

autentikasi dan permission

dashboard dan pengelolaan data

checkout dan pembayaran

search, filter, dan sorting

notifikasi

integrasi API

keamanan aplikasi

optimasi performa

SEO dan aksesibilitas

analytics dan reporting

PWA serta pengalaman mobile

Cara menggunakannya

Pilih kebutuhan atau fitur yang sedang kamu kerjakan, ambil prompt yang paling relevan, lalu berikan konteks project kepada AI coding agent seperti halaman yang terdampak, stack yang digunakan, kondisi fitur saat ini, dan batasan yang harus dipertahankan.

Untuk pekerjaan yang lebih besar, beberapa prompt dapat digunakan secara bertahap, mulai dari audit dan perencanaan, implementasi, testing, sampai pemeriksaan hasil.

Cocok untuk siapa?

Ebook ini cocok untuk kamu yang:

• Vibe coder
Ingin bekerja lebih terstruktur saat menggunakan AI coding agent.

• Developer pemula
Butuh contoh instruksi praktis untuk berbagai kebutuhan pengembangan website.

• Developer yang mengembangkan project existing
Ingin memberi instruksi yang lebih jelas tanpa langsung mengacak-acak fitur yang sudah berjalan.

• Builder / founder / creator
Sedang membangun website atau web app dan menggunakan AI sebagai bagian dari proses development.

Yang kamu dapat

340 prompt praktis
17 kategori pengembangan
Fokus website & web app
Bisa digunakan lintas AI coding agent

Jadikan ebook ini sebagai prompt library saat membangun, memperbaiki, dan mengembangkan project dengan bantuan AI coding agent.

Daripada setiap kali buka chat lalu bengong menatap kolom prompt, tinggal buka library, pilih kebutuhanmu, dan mulai bekerja.