Akademiacademy / vibe-101 / v0-prompt-chain

V0 5-Prompt Build Pack

V0 Build Station - Five Prompt Lock. Kamu pass bila ChatGPT sudah hasilkan tepat lima prompt yang ready untuk V0 dan V0 sudah dibuka untuk Prompt 1.

Reference

Masa: 15-20 min
Sesuai untuk: siapkan first site tanpa bazir credit V0
Kamu hasilkan: 5 prompt V0 yang ready untuk paste
Checkpoint: Prompt 1 ready untuk paste ke V0

Apa ini

Page ini guna ChatGPT atau planning AI lain untuk tukar saved files kamu kepada tepat lima prompt untuk V0. Ini bukan prompt chain yang tiada penghujung.

Lima prompt ini patut siapkan first website version: foundation, content, visual polish, final build pass, dan share proof.

Kenapa penting

Credit V0 boleh jadi terhad. Sesetengah learner mungkin hanya ada free-credit allowance yang kecil, jadi setiap prompt V0 mesti ada tugas yang jelas.

Kalau kamu tanya soalan kabur dalam V0, credit boleh habis untuk exploration, bukan build. ChatGPT bantu kamu sediakan lima prompt dahulu, kemudian V0 guna prompt itu satu demi satu untuk bina site.

Apa nak buat

Step 1: Buka dua tab

Guna dua tab berasingan:

TabApa berlaku di situ
ChatGPT atau planning AIPaste saved files kamu dan minta lima prompt V0
V0Paste setiap prompt yang dijana ke V0 chat/composer, satu demi satu

Jangan paste semua lima prompt ke V0 sekali gus. Paste Prompt 1, tunggu preview, inspect, kemudian baru sambung.

Step 2: Kumpulkan saved files kamu

Wajib:

  • project-brief.md — idea, audience, scope, dan non-goals.
  • build-blueprint.md — page structure, sections, components, content, dan first build task.

Optional:

  • design-spec.md — visual direction jika kamu sudah buat. Jika tiada, guna Visual Direction dalam build-blueprint.md.

Step 3: Paste files ke ChatGPT

Paste isi saved files ke ChatGPT atau planning AI, bukan ke V0 lagi.

Guna master prompt ini:

Copy prompt
You are my Vibe 101 V0 Prompt Pack Coach.

I am using V0 to build my first website in the browser. I may only have a small amount of free V0 credits, so every V0 prompt must have a clear job.

Use my saved planning files below to create exactly 5 prompts that I can paste into V0 one at a time.

Files I am giving you:
- Project Brief: required source of truth for the idea, audience, scope, and non-goals.
- Build Blueprint: required source of truth for page structure, sections, components, and first build task.
- Design Spec: optional visual direction. If present, use it for style. If missing, use the Visual Direction inside the Build Blueprint.

Rules:
- Create exactly 5 numbered V0 prompts.
- Each prompt must be concise but detailed enough for V0.
- Each prompt must build on the previous prompt.
- Do not ask V0 to add login, database, payment, dashboard, chatbot, live API, backend, auth, or custom domain.
- Do not waste a prompt on vague exploration.
- Tell V0 what to preserve from the previous version.
- Tell V0 what to check after each prompt.
- Keep this suitable for a beginner first website.

The 5 prompts must be:
1. Foundation + first full page shell
2. Content + section completion
3. Visual direction + responsive polish
4. Final build pass + small interaction/link cleanup
5. Share proof + 60-second explanation helper

Output format:

## Prompt 1 - Foundation + first full page shell
[ready-to-paste V0 prompt]

## Prompt 2 - Content + section completion
[ready-to-paste V0 prompt]

## Prompt 3 - Visual direction + responsive polish
[ready-to-paste V0 prompt]

## Prompt 4 - Final build pass + small interaction/link cleanup
[ready-to-paste V0 prompt]

## Prompt 5 - Share proof + 60-second explanation helper
[ready-to-paste V0 prompt]

Project Brief:
[paste project-brief.md]

Build Blueprint:
[paste build-blueprint.md]

Design Spec, if you have one:
[paste design-spec.md or write: none]

Step 4: Check lima prompt sebelum guna V0

Lima prompt kamu patut buat ini:

PromptTugasSebelum sambung, check
1Foundation + first full page shellFirst page wujud dengan sections yang dirancang
2Content + section completionPage ada copy berguna dan tiada major section hilang
3Visual direction + responsive polishSite ikut design direction dan jalan di mobile
4Final build pass + small interaction/link cleanupButtons, links, spacing, dan isu jelas sudah dibersihkan
5Share proof + 60-second explanation helperKamu boleh explain apa dibina dan proof apa yang ada

Prompt 5 boleh digunakan dalam V0 kalau site preview sudah wujud dan kamu mahu V0 bantu ringkaskan proof. Kalau credit ketat, guna Prompt 5 dalam ChatGPT dengan screenshot atau short description.

Step 5: Paste prompts ke V0 satu demi satu

Guna routine ini:

Reference

1. Copy Prompt 1 dari ChatGPT.
2. Paste ke V0 chat/composer.
3. Tunggu preview.
4. Inspect preview sebelum guna Prompt 2.
5. Sambung dengan Prompt 2, kemudian Prompt 3, kemudian Prompt 4.
6. Guna Prompt 5 untuk proof dan explanation.

Stop selepas Prompt 4 jika site sudah cukup baik. Jangan habiskan credit untuk polish kecil yang tidak membantu proof website pertama.

Mistake biasa

  • Paste semua lima prompt ke V0 sekali gus.
  • Guna V0 sebelum ChatGPT hasilkan 5-Prompt Pack.
  • Minta ChatGPT terlalu banyak prompt.
  • Habiskan credit V0 dengan prompt kabur.
  • Tambah login, database, payment, dashboard, chatbot, live API, atau backend.
  • Abaikan preview antara prompt.

Next step

Pergi ke First Build bila Prompt 1 ready untuk paste ke V0.