First Visible Build

Anda lulus peringkat ini apabila satu website section sebenar kelihatan, dibina daripada first Work Card anda.

Apa ini

First Visible Build ialah perubahan pertama yang boleh anda lihat. Antigravity baca plan yang disimpan dan implement hanya current Work Card — satu section atau satu page — kemudian verify dan update build-status.md.

Kenapa penting

Progress yang kelihatan memberi keyakinan, tetapi terlalu banyak progress sekaligus menyembunyikan pembelajaran. Satu section yang kelihatan membolehkan anda bandingkan brief, plan, dan hasil browser sebelum anda sambung.

Apa nak buat

Build hanya first Work Card

Section pertama yang bagus:

• homepage hero
• simple menu or service list
• about / profile section
• contact section without a backend

Guna shared implementation loop daripada Build One Work Card. Paste prompt ini:

Read build-status.md, build-blueprint.md, design.md, and the current work card listed in build-status.md.

Implement only the current work card.

Rules:
- do not build other sections unless the card says so
- do not add login, payment, database, dashboard, chat, or backend
- follow the visual rules in design.md
- do not copy external brand identity, logos, testimonials, stats, or images
- keep it readable on mobile

After finishing:
1. run the verification steps,
2. summarize what changed,
3. update build-status.md,
4. stop.

Semak hasil yang kelihatan

Selepas Antigravity mengubah file, buka preview dan bandingkan dengan plan anda. Sebelum meluluskan first Work Card, semak:

• Adakah ia padan dengan goal dalam project-brief.md?
• Adakah section itu mengikut layout rules dalam design.md?
• Adakah ia padan dengan mood yang dipilih tanpa mengklon inspirasi?
• Adakah spacing, cards/buttons, dan typography terasa sengaja?
• Adakah skrin pertama mudah dibaca pada mobile?
• Adakah AI menambah fake logos, fake stats, fake testimonials, atau generic AI decoration?
• Adakah ia masih first Work Card sahaja?

Minta AI terangkan apa yang berubah

Explain what changed in beginner-friendly terms.

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

Common mistakes

• Minta seluruh website dalam satu prompt.
• Menerima code tanpa membuka preview.
• Melangkau penerangan.
• Membenarkan AI menambah login, database, atau animations terlalu awal.
• Mengabaikan design direction dan menerima section yang nampak generic.