Week 16 · 終身教育系列
Teach yourself to ask questions — not to copy prompts.
用「怎麼提問」而不是「抄範本」的方式,把你的靜態網頁升級成能對話的 AI 作品。從一份親人傳記的真實案例出發——90 分鐘,完全免費,下課就有一個能對話的作品連結。
打開這兩個網址並排看——同一份內容,加了一個對話功能之後,作品的性格完全不一樣。感受完這個差別,你就會懂這堂課要帶你做到什麼。
一份靜態的、精緻的、可以慢慢讀的傳記網頁(這個案例剛好寫的是父親,你的可能是母親、祖父母、或任何你想留下故事的人)。內容豐富、排版乾淨。但它是單向的——你只能讀,它不會回應你。
同一份內容。但右下角多了一個「和這本書的編輯聊聊」——這個 AI 讀過整本書,可以回答你的問題、建議你下次可以再問這位親人什麼。它不是親人本人,是編輯。
你不用學程式,但要建立「跟 AI 一起工作」的世界觀。這三個模型不只用在這堂課,未來你做任何 AI 作品都是這一套。
你不用會寫程式,但要能描述清楚要什麼、看得懂 AI 交出來的東西、判斷成品有沒有達到目的。AI 時代的技能不是「會寫程式」,是「很會請 AI 寫程式」。
你最容易誤解的第一件事:以為 AI 像人一樣會記得你講過什麼。其實每次呼叫 AI 都是全新對話——你想讓它記得什麼,每次都要送過去。
這就是為什麼「AI 要知道這位親人的故事」= 每一次對話都要把這位親人的故事送給 AI 看一次。
95% 的技術工作可以交給 AI:寫網頁、寫後端、寫部署指令。只有一件事必須你親手寫——AI 要用什麼角色出現、什麼話能講、什麼話不能講。這叫 system prompt。它是「這個作品要成為什麼樣的存在」,不是工程問題。
不給你複製貼上的 prompt。而是這五個維度:只要在心裡問自己這五個問題,就能組出屬於你自己的請求。維度可以帶走一輩子,模板只能用一次。
越具體越好。不是「加對話」,是「右下角有一個 chat widget,點開來可以問問題」。細節決定 AI 交件的品質。
AI 是金魚腦(Model 02),你要告訴它去哪找答案。指定一個檔案、一個網頁、或直接把內容貼在請求裡。
這是「作品靈魂」的入口(Model 03)。角色決定語氣、決定能講什麼、不能講什麼。不能只講能做什麼,也要講不能做什麼。
這是最容易被忽略、也最容易被 AI 亂做決定的地方。你必須主動立下「費用護欄」,否則 AI 可能默默用付費 API,帳單來了才發現。
很容易把「做完」跟「上線」混為一談。跟 AI 溝通時要把「部署」這件事講出來,並且要一個「別人真的能打開」的網址。順帶想清楚:這個網址可以刪嗎?只給特定人看嗎?搜尋引擎會找到嗎?
看實際打開 Codex(或 Claude Code)之後,會發生什麼事。六個步驟走完,你就會有一個能對話的作品連結。你會發現:你完全沒寫程式,你只是在跟 AI 講話。
打開 Codex,走到你的網頁專案資料夾。第一句不要急著要功能,先讓 AI「進來看一下」。
「我這個網頁是我一位親人的傳記,你先看一下 index.html 跟 book.md,跟我說你看到什麼。」
把 Scene 03 的五個維度在心裡問一遍,然後用你自己的口氣組一段話。不要抄範本——每個人的作品不一樣,你的話才對。
「我想在網頁右下角加一個 chat 對話框,讓訪客可以跟『很懂這位親人的朋友』聊天。內容基於 book.md。AI 不要冒充這位親人本人。用完全免費的方案,有費用先問我。」
AI 動手之前,通常會反問你 2-3 個問題。這些問題就是你作品靈魂的入口,不要「隨便你決定」。
「這個朋友的口氣是像老朋友還是像編輯?」
「如果訪客問書裡沒寫的事,AI 該怎麼回答?」
「有沒有不能講的話題?」
AI 會給你 3 個檔案(或說「我改好了」)。你不用會讀程式碼,只要驗收兩件事。
①打開網頁,右下角有沒有出現對話框?
②點開來對話,AI 回話的口氣像不像你要的?
在本地看起來 OK 之後,讓 AI 幫你把作品放上網。
「幫我部署到 Cloudflare Pages,用免費方案,做完給我網址。」
xxx.pages.dev 網址。點開來玩。玩不順就回去改。
上線後才是重點。玩了幾次你會發現想改的東西——每一次你說「我想改成⋯」都是你在調你的作品。
「回話太長了,一次講 3 句就好」
「幫我加一個預設問題按鈕,問『第四章的銀行家可以怎麼再挖?』」
「換一個中文更順的 AI 模型」
「AI 回答時,如果不知道就直接說『這裡是空白』,不要編。」
對話框跑得出來,不代表它是對的。它現在真的是在跟這位親人 / 這份內容對話嗎?還是隨便亂答一通?做完 Scene 04 之後,先花 10 分鐘照這六項測試玩一輪,通過了才算真的做完。
這樣問它:「你是誰?你是我這位親人本人嗎?」
這樣問它:先問一個網頁內容裡確實有寫的細節,再問一個內容裡完全沒提過的事(隨便亂問都行)。
這樣做:隨便跟它聊兩句,讀一遍回覆,感受整體口氣。
這樣問它:問一句情感濃一點的話,例如「我好想他」「這段我看了會哭」。
這樣做:不是問 AI 聊天,是回頭跟你的 Codex 確認:「幫我檢查這個功能有沒有用到 OpenAI 或 Anthropic 這種付費 API?」
這樣做:找一位家人或朋友,直接把網址給他,不要先劇透、不要在旁邊教。
其他都是延伸。只要這兩件事你能帶走,這堂課就成功了。
不是描述你要什麼(那是老產品經理)——是描述你不要什麼。「要免費」「有費用先問我」「AI 不能冒充第一人稱」——邊界越清楚,作品越像自己想的樣子。
寫網頁靠 AI,但AI 的個性、口氣、禁忌必須親手調。這 5% 就是 system prompt。
「我的作品,AI 講話的樣子必須是我親手決定的。」
你下次做任何 AI 應用,都會用同一套語言。