Gemini Canvas 做出來的東西，怎麼變成真網頁？
答案不是「先去學 HTML」
5/23 逢甲場結束後，有同學來問我：
「我用 Gemini Canvas 做了一個畫面，怎麼變成真的可以用的網頁？」
這題的答案，不是「先去學 HTML」。
而是：把下面這整段複製、貼到 Gemini / ChatGPT / Claude 任何一個。AI 會逐步釐清需求，然後帶你把它做出來。
我用 Gemini Canvas 做了一個畫面，想把它變成「真正的網頁」—
可以給朋友看、可以連雲端資料、不會關掉瀏覽器就消失。
我沒有寫程式的習慣，請以非技術背景使用者為對象，
每一步用具體的操作指令說明：
1. 現在這一步要達成什麼結果（用日常用語）
2. 滑鼠 / 鍵盤具體怎麼操作（例如「按開始 → 搜尋『記事本』 → 點開」）
3. 做完應該看到什麼畫面（顏色、文字、按鈕位置）
4. 如果結果不符合，下一步如何調整
開始之前，先確認以下資訊：
- 我的 Canvas 做了什麼功能？
- 我有沒有 Google / GitHub 帳號？
- 這個網頁的目標受眾？（私下分享 / 公開展示 / 商業用途）
- 網站的核心功能？（資料展示 / 互動表單 / 線上工具）
根據以上答案，從最直接的路徑開始。
如果出現我不熟悉的詞彙，請改用類比說明，不要直接給定義。
把這段貼進 AI 之後，AI 會先問問題、你回答 → AI 給你下一步。
重點：你不需要懂技術細節。把 AI 當成「願意配合你節奏的工程師同事」就好。
為什麼這樣做？
5/23 整場的核心訊息：
AI 不是要你變強，是要把你從「瑣事工人」變回「判斷的人」。
寫網頁是瑣事。判斷你要做什麼網站、給誰看、長怎樣，是決策。
AI 寫程式碼，你做決策。這就是 AI 工作搭檔的實際樣貌。
三件實戰技巧
1. 不懂的詞直接問
當 AI 提到你不熟的詞（API、後端、deploy⋯⋯），打：
「[那個詞] 是什麼？用類比說明。」
AI 會切換成口語版本。
2. 截圖比文字快
如果 AI 說「你應該看到一個藍色按鈕」但畫面對不上，截圖貼給 AI，加一句「我看到的是這樣」。AI 看得懂圖，定位錯誤比文字描述快十倍。
3. 卡超過 10 分鐘換問法
同一指令重複試 5 次都不對，表示 AI 鎖在錯誤路徑。換種方式問：
「上面那個方法不通，請給我完全不同的做法達成同一目標。」
真的卡住怎麼辦？
加 Ultra Lab Discord，進 #ask-agent 把問題打進去，龍蝦 🦞 會嘗試自動回覆，沒回的話，伺服器裡的其他成員也看得到你的問題。中文就好。
想自己看細節的話
不想完全靠 AI 帶，這裡是技術側的步驟：
- STEP 1（Canvas 程式碼）：Canvas 右上「Copy code」→ 貼到記事本存成
index.html - STEP 2（Vercel 帳號）：vercel.com 用 Google 登入 → 打開 vercel.com/drop，把
index.html拖上去 - STEP 3（拿到網址）：Vercel 給你
https://xxx.vercel.app，網站上線
5 分鐘可以做完。但是，你不需要看懂這些步驟才能做出來。前面那段 prompt 給 AI，它會帶你走更詳細的版本，結果一樣。
想要一篇從零到上線、每一步都寫清楚的保母級版本（含自訂網域、讓 AI 搜尋引擎找得到你），看這篇：用 AI 免費架出你的第一個個人網頁。
我自己的工作方式
5/23 講座那天的投影片、講稿、Prompt Injection 示範 PDF，全部是我用上面這種方式做出來的。
我不是工程師。我只是把「我想要什麼」用語言精確告訴 AI，然後審查它的產出。我的第一個產品也是從 Gemini Canvas 開始的：一張財務試算表，七天後變成有自己網址的網站，中間還卡在 Firebase 差點放棄。
你做判斷，AI 做執行。這是 5/23 整場的核心。
做出來的話，或卡在哪一步，回信讓我知道。
常見問題
Gemini Canvas 做出來的畫面，怎麼變成真的網頁？
不必先去學 HTML。把文中那段 prompt 整段複製，貼到 Gemini、ChatGPT 或 Claude 任何一個。AI 會先問問題、逐步釐清需求，你回答之後它再給你下一步，帶你把網頁做出來。
不會寫程式，也能把 Gemini Canvas 的作品變成網頁嗎？
可以。你不需要懂技術細節，把 AI 當成願意配合你節奏的工程師同事就好：AI 寫程式碼，你做決策，也就是決定要做什麼網站、給誰看、長怎樣。
AI 講的詞看不懂，或畫面跟它說的不一樣怎麼辦？
不懂的詞直接問：「[那個詞] 是什麼？用類比說明。」AI 會切換成口語版本。畫面對不上就截圖貼給 AI，加一句「我看到的是這樣」。AI 看得懂圖，定位錯誤比文字描述快十倍。
用 AI 做網頁一直卡在同一步怎麼辦？
卡超過 10 分鐘就換問法。同一指令重複試 5 次都不對，表示 AI 鎖在錯誤路徑，這時換種方式問：「上面那個方法不通，請給我完全不同的做法達成同一目標。」