First Visible Build

Apa ini

First Visible Build ialah perubahan pertama yang pelajar boleh nampak dalam browser.

Build satu section atau satu page sahaja.

Kenapa penting

Progress yang nampak bagi confidence, tapi progress yang terlalu banyak sembunyikan learning.

Satu visible section cukup untuk pelajar compare brief, code, dan browser result.

Apa nak buat

Pilih benda pertama yang perlu nampak daripada project brief.

Target pertama yang sesuai:

• homepage hero
• menu section ringkas
• profile/about section
• service list
• contact section tanpa backend

Guna prompt ini dalam IDE:

CONTEXT:
Use the project brief and files already in this chat.

CURRENT STATE:
Localhost works at http://localhost:3000

TASK:
Build ONLY the first visible section:
[name one section]

Rules:
- keep it beginner-friendly
- do not build other sections
- do not add backend
- ask me first if the project brief is missing
- explain every file changed

Selepas AI ubah files, refresh localhost dan inspect page.

Kemudian tanya:

Explain what changed in beginner-friendly terms.

For each file:
- what changed
- why it changed
- what I should look at in the browser

Mistake biasa

• Minta full website dalam satu prompt.
• Terima code tanpa buka browser.
• Skip explanation.
• Biarkan AI tambah login, database, atau animation terlalu awal.