Akademiacademy / vibe-101 / how-to-plan

Macam Mana Nak Plan

Apa ini

Planning ialah langkah antara pilih idea dan mula bina.

Kamu brainstorm sendiri dulu — tanpa tools, tanpa AI. Lepas tu guna ChatGPT untuk susun plan dan jadikan ia project brief yang boleh disimpan dan digunakan.

Kenapa penting

Bila kamu plan sebelum prompt, kamu kekal dalam kawalan build.

AI ialah executor yang laju. Bagi ia plan yang jelas dan ia bina apa yang kamu nak. Bagi ia kosong dan ia bina sesuatu yang generic yang kamu akan habiskan sesi cuba betulkan.

Apa nak buat

Langkah 1 — Brainstorm atas kertas atau notepad

Sebelum buka mana-mana tool, tulis idea kamu dengan bebas. Guna notepad, nota phone, atau kertas — apa yang paling laju.

Jawab soalan-soalan ni dengan kata-kata sendiri:

Reference

Website ni untuk apa?
Siapa yang akan gunakannya?
Page apa yang diperlukan? (sasarkan 3 atau kurang)
Apa yang setiap page perlu buat atau tunjuk?
Satu benda yang pelawat mesti boleh buat?

Jangan risau pasal kesempurnaan. Ini untuk kamu sahaja. Tulis bersepah kalau perlu.

Contoh nota untuk website kafe:

Reference

- Website untuk kafe Kopi Kita di Subang
- Pelanggan yang nak tengok menu sebelum datang
- Pages: Home, Menu, Contact
- Home: gambar cantik, intro pendek, waktu operasi
- Menu: senarai minuman dan makanan dengan harga
- Contact: alamat, link Waze, nombor telefon
- Mesti-buat: pelanggan boleh cari menu dengan mudah

Langkah 2 — Guna planning prompt

Buka ChatGPT atau Perplexity. Paste prompt ni dan isi details kamu:

Copy prompt
I want to build a simple website.

My idea: [describe your idea in 1-2 sentences]

Pages I have in mind:
[list your pages]

What visitors need to do:
[describe the main thing a visitor must be able to do]

Your job:
1. Review my plan and suggest any simplifications for a beginner first project
2. Recommend the best tech stack for this idea (keep it beginner-friendly)
3. Confirm the max 3 features this site needs
4. Suggest the build order

Do not add features I have not mentioned. Keep it simple enough to finish in one session.

Jangan paste nama client sebenar, maklumat perniagaan peribadi, atau apa-apa maklumat sulit ke dalam AI tools awam.

Langkah 3 — Refine dengan ChatGPT

Baca response. Ada sedikit back-and-forth kalau perlu:

  • Kalau ChatGPT cadangkan potong sesuatu, pertimbangkan.
  • Kalau ChatGPT tambah features yang kamu tak minta, suruh ia buang.
  • Kalau cadangan stack tak familiar, minta ia explain dalam satu ayat kenapa ia pilih stack tu.

Teruskan refine sehingga plan rasa jelas dan boleh dicapai.

Langkah 4 — Generate project brief

Bila plan dah settled, minta ChatGPT hasilkan brief akhir:

Copy prompt
Based on our conversation, create a project brief I can save.

Make it feel like a clear mini project brief, not a long business document.

Use this format:

# Project Brief

## Goal
[one clear sentence explaining what the website should help people do]

## Audience
[who the website is for]

## Stack
[tools and why this stack is enough for a beginner]

## Pages
[3 pages or fewer, with one short purpose for each page]

## Features (max 3)
[only the core features needed for this first version]

## Non-goals
[things we are intentionally not building yet]

## Build order
[numbered steps from setup to deploy]

## Success check
[how I will know the first version is good enough]

Keep it short enough for a beginner to read in under 2 minutes.

Kalau jawapan terlalu panjang, reply:

Reference

Shorten this for a beginner. Keep the same sections, but make each section tighter.

Langkah 5 — Simpan project brief

Copy output. Buat file baru dalam project folder kamu bernama:

Reference

project-brief.md

Paste brief ke dalam file tu dan save.

File ni kekal dalam project folder kamu. AI agent kamu akan gunakannya sebagai rujukan bila kamu mula bina.

Mistake biasa

  • Skip langkah notepad dan terus ke ChatGPT — kamu hilang pemilikan idea.
  • Biar ChatGPT tambah features yang kamu tak plan — selalu tolak balik.
  • Tak simpan brief sebagai file — AI agent perlukan ia kemudian.
  • Simpan file di luar project folder — kekalkan ia bersebelahan dengan code kamu.

Vibe 101 / Checkpoint sekarang

Macam Mana Nak Plan

Sedia untuk stamp - Disimpan dalam browser ini sahaja.

0 daripada 20 checkpoints complete

0 daripada 20 checkpoints complete.