Akademiacademy / vibe-102 / prompt-rescue-sheet

Prompt Rescue Sheet

Apa ini

Prompt Rescue Sheet ialah emergency page untuk Vibe 102.

Guna bila sesuatu rosak dan pelajar perlukan satu fix kecil, bukan rebuild penuh.

Kenapa penting

Beginner selalu hilang masa dengan ayat "tak jalan" atau minta AI bina semula semua benda.

Rescue prompt beri AI evidence, expected result yang jelas, dan limit yang ketat.

Apa nak buat

Guna base rescue prompt ini bila app stuck:

Copy prompt
CONTEXT:
I am building a Vibe 102 React + Vite + Tailwind mini app.

WHAT HAPPENED:
[short description]

EXPECTED:
[what should happen]

ACTUAL:
[what happened]

EVIDENCE:
[paste the exact error, screenshot text, or current code summary]

TASK:
Fix only this problem.

Rules:
- explain it simply
- do not add new features
- do not rewrite the whole app
- give me one test to confirm the fix

Untuk setup stuck:

Copy prompt
CONTEXT:
I am setting up my Vibe 102 React + Vite + Tailwind mini app.

COMMAND I RAN:
[paste command]

ERROR:
[paste exact error]

TASK:
Explain the problem in simple words and give me the smallest next fix.

Rules:
- fix setup only
- do not build any app features yet
- do not add extra libraries unless required for setup
- give one command or action at a time

Untuk localhost tidak buka:

Copy prompt
CONTEXT:
I am setting up my Vibe 102 Vite app.

COMMAND I RAN:
[paste command]

TERMINAL OUTPUT:
[paste output]

BROWSER RESULT:
[what the browser shows]

TASK:
Diagnose why localhost is not opening and give me the smallest setup fix.

Rules:
- do not build app features yet
- check folder, install, terminal, and port issues first
- give the smallest next fix
- tell me what I should see when it works

Untuk blank page:

Copy prompt
CONTEXT:
My Vibe 102 app should show the layout in the browser.

EXPECTED:
I should see the app layout.

ACTUAL:
The page is blank.

EVIDENCE:
[paste browser console error or terminal error]

TASK:
Find the smallest fix.

Rules:
- explain which file changed
- do not add new features
- do not redesign the UI
- give one browser check after the fix

Untuk button tidak jalan:

Copy prompt
CONTEXT:
I am building one Vibe 102 mini app behavior.

EXPECTED:
[what the button should do]

ACTUAL:
[what happens now]

CURRENT CODE:
[paste the relevant component or describe the file]

TASK:
Fix only this button behavior.

Rules:
- explain the state change simply
- do not add unrelated features
- do not rewrite the whole component unless required
- give one click test after the fix

Untuk localStorage tidak save:

Copy prompt
CONTEXT:
My Vibe 102 mini app already has add, update, and delete behavior.

EXPECTED:
Items should stay after refresh.

ACTUAL:
Items disappear.

CURRENT CODE:
[paste the localStorage/useEffect part]

TASK:
Fix only the save/load logic.

Rules:
- explain JSON.stringify and JSON.parse simply
- do not add a backend or database
- do not change the app idea
- give one refresh test after the fix

Untuk AI overbuild:

Copy prompt
CONTEXT:
My Vibe 102 mini app became too complicated.

TARGET SCOPE:
- one list of items
- add item
- update or mark item
- delete item
- save with localStorage

TASK:
Bring it back to the Vibe 102 scope.

Rules:
- remove or ignore extra features for now
- do not add new features
- explain the simplest next step
- tell me which parts to keep, cut, and maybe do later

Untuk faham code:

Copy prompt
CONTEXT:
I am learning from my Vibe 102 mini app.

TASK:
Explain this app like I am a beginner.

OUTPUT:
1. where the data lives
2. what changes when I click the button
3. which file I should read first
4. one thing I should test next

Rules:
- do not add new code
- use simple words
- use one analogy if helpful
- keep coding terms in English

Untuk practice demo:

Copy prompt
CONTEXT:
I am preparing a short Vibe 102 class demo.

APP:
[app name]

GOAL:
[goal]

WORKING BEHAVIOR:
[add/update/delete/save behavior]

TASK:
Write a simple 30-second demo script for class.

Rules:
- keep it honest
- mention what I tested
- do not exaggerate the app
- use beginner-friendly language

Mistake biasa

  • Minta AI fix lima masalah sekali.
  • Paste perkataan "error" sahaja, bukan mesej sebenar.
  • Biarkan AI rewrite project bila satu button sahaja rosak.
  • Debug localStorage sebelum add/update/delete berfungsi.

Vibe 102 / Checkpoint sekarang

Prompt Rescue

Sedia untuk stamp - Disimpan dalam browser ini sahaja.

0 daripada 15 checkpoints complete

0 daripada 15 checkpoints complete.