Akademiacademy / vibe-101 / build-blueprint

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 Packet

Project 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:

Copy prompt
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.

LaneBuild prep artifactKenapa
V0 First Website LaneV0 Prompt ChainV0 perlukan prompt yang jelas sebelum kamu guna credit atau generate.
Developer UpgradeIDE Build PacketCursor/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:

Copy prompt
build-blueprint.md

Paste 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

0 daripada 21 checkpoints complete.