歡迎來到 Vibecoder 啟航。如果你跳過了所有報名頁、影片廣告，只想知道一件事——
接下來這兩個小時，會發生什麼？
簡單講：你會從「我有想法但卡在不會寫程式」走到「我有一個 .vercel.app 網址，可以分享給朋友看」。沒有奇技淫巧，沒有要你背 JavaScript 語法，純粹只是學會把腦中的設計感覺，翻譯成 AI 聽得懂的話。
你會在課程中拿到什麼
- 一張個人數位名片，部署在 Vercel，全世界都能打開
- Vibecoder Level 1 啟航徽章
- 一份結業證書（可分享到 IG / Twitter）
- 一套日後做更多 side project 都能用的指揮 AI 流程
最有價值的其實是最後一個——產出可以重做，但這套流程會幫你接下來無限產出。
課程地圖
| 章節 | 你會學到 | 產出 |
|---|---|---|
| 0.5 世界觀 | 全端 / 靜態 / 動態 / 後端的判斷法 | 看得懂工程術語 |
| 1 破冰 | 裝好 Antigravity、跑第一句咒語 | 第一個歡迎頁 |
| 2 駕駛手冊 | 萬能指令公式、上下文技巧 | 穩定的 prompt 能力 |
| 3 視覺先決 | 結構思維、截圖餵 AI | 數位名片雛形 |
| 4 注入靈魂 | 番茄鐘、紅字救火三招 | 會動的小工具 |
| 5 見客 | RWD 自測、Vercel 部署 | 真實上線網址 |
別擔心一次學完——這份地圖會在側邊欄一直跟著你，迷路時隨時回來看。
開始前先調整三件事
1. 別追求一次到位。 Vibe Coding 的核心是「壞了 → 微調 → 再來」，這跟你做設計時來回改稿是同一回事。
2. 弄壞是日常。 你會在課程中看到我故意把番茄鐘弄壞，再用三招救回來。沒人需要不犯錯，只需要能救回來。
3. 你已經會了 90%。 你會描述視覺、會給 design review、會挑毛病——這就是 AI 最需要的輸入。剩下的 10% 就是這堂課要補的「跟 AI 對話的技巧」。
檢查
正式啟航前的小確認
登入後可勾選保存進度。
讀取上次狀態…
反思
兩小時後，你最想拿到的那個作品是什麼？
不用具體，可以是「想做給朋友看的動態履歷」「我設計集的入口頁」「給男友女友的生日網頁」… 寫下來，等課程結束回頭對照——很有趣。
登入後即可寫下你的反思（自動儲存）。在這個 lesson 寫下的任何文字 僅你自己看得到。
下一節是 30 秒的「報到儀式」，然後就直接開始學世界觀。