Build Blueprint
Apa ini
Build blueprint ialah langkah Blueprint dalam KD Flow Lite. Ia tukar project-brief.md kamu jadi pelan praktikal yang boleh diikut oleh tool build pilihan kamu.
Ini versi mesra-beginner untuk struktur, design direction, dan first build task - semua dalam satu fail pendek yang kamu simpan sebagai build-blueprint.md.
Kenapa penting
Brief cakap apa yang kamu nak. Blueprint cakap macam mana versi pertama disusun dan apa yang dibina dulu.
Tanpa blueprint, AI teka struktur, design, dan tempat mula. Dengan blueprint, V0 atau IDE assistant boleh bina versi pertama yang betul dan kamu kekal pegang kawalan.
Apa nak buat
Mission sama, vehicle berbeza:
Flow
Project Brief -> shared Build Blueprint -> lane-specific Build PacketProject Brief kata arah tujuan. Build Blueprint kata website patut jadi apa. Build Packet beritahu lane pilihan kamu cara bina.
Langkah 1 — Hasilkan blueprint
Buka AI chat tool percuma yang sama macam kamu guna untuk brief. Paste prompt ni dengan brief yang kamu simpan:
Using my Project Brief below, create my Vibe 101 Build Blueprint.
Project Brief:
[paste project-brief.md]
Rules:
- Keep this suitable for a 3-hour beginner website build.
- Do not add new features.
- Do not add login, payment, database, dashboard, chat, or backend.
- Keep the design simple and buildable.
- Give me a first build task that creates one visible version.
Use this exact format:
# Build Blueprint
## Site Structure
[one page or max 3 sections]
## Section Order
[numbered order]
## Content Needed
[text, links, images, sample content]
## Design Direction
[mood, colors, layout, components]
## First Build Task
[the first visible thing to build]
## Review Checklist
[5 checks before calling it done]Jangan paste password, API key, data client/employer private, nombor IC/passport, bank details, sensitive personal information, atau business detail confidential. Guna sample atau fake content bila perlu.
Langkah 2 — Semak blueprint
Baca sekali. Pastikan ia:
- ikut brief kamu dan tak tambah feature baru;
- ada section order yang jelas;
- bagi design direction yang simple dan boleh dibina;
- namakan satu first build task yang hasilkan sesuatu yang nampak.
Kalau ada yang terlalu besar atau kabur, minta AI permudahkan.
Langkah 3 — Pilih build prep ikut lane
Build Blueprint kamu shared, tapi build prep terakhir bergantung pada lane.
| Lane | Build prep artifact | Kenapa |
|---|---|---|
| V0 First Website Lane | V0 Prompt Chain | V0 perlukan prompt yang jelas sebelum kamu guna credit atau generate. |
| Developer Upgrade | IDE Build Packet | Cursor/IDE perlukan file, command, localhost, dan checkpoint Git/deploy. |
Jangan skip step ini. Idea yang sama perlukan instruction berbeza ikut tool yang kamu guna.
Langkah 4 — Simpan blueprint
Cipta fail dalam folder project kamu bernama:
build-blueprint.mdPaste blueprint dan simpan. V0 Prompt Chain atau IDE Build Packet kamu akan guna project-brief.md dan build-blueprint.md sebagai sumber kebenaran semasa kamu bina.
Common mistakes
- Biar blueprint tambah feature yang brief kamu tak sebut.
- Skip first build task, sampai AI cuba bina semua sekali gus.
- Simpan fail di luar folder project.
Vibe 101 / Checkpoint sekarang
Build Blueprint
Sedia untuk stamp - Disimpan dalam browser ini sahaja.
0 daripada 21 checkpoints complete.