[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-vibe-coding-workflow-plan-prompt-refine-zh":3,"article-related-vibe-coding-workflow-plan-prompt-refine-zh":32,"series-industry-0895329c-d142-4523-83d9-46dd621be11c":84},{"id":4,"slug":5,"title":6,"content":7,"summary":8,"source":9,"source_url":10,"author":11,"image_url":12,"cover_image":12,"category":13,"language":14,"translated_content":11,"related_article_id":15,"keywords":16,"key_takeaways":23,"views":28,"created_at":29,"published_at":30,"topic_cluster_id":31},"0895329c-d142-4523-83d9-46dd621be11c","vibe-coding-workflow-plan-prompt-refine-zh","5 步把 vibe coding 做成可重複流程","\u003Cp data-speakable=\"summary\">這份清單教你用 5 步把 \u003Ca href=\"\u002Ftag\u002Fvibe-coding\">vibe coding\u003C\u002Fa> 變成可重複的 AI 開發流程。\u003C\u002Fp>\u003Cp>讀完這 5 項，你可以判斷一個 AI build 是否有明確目標、可驗證的首版，以及能否在下一輪快速重來。\u003C\u002Fp>\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>項目\u003C\u002Fth>\u003Cth>重點\u003C\u002Fth>\u003Cth>用途\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>Plan\u003C\u002Ftd>\u003Ctd>先定 1 個結果\u003C\u002Ftd>\u003Ctd>控制範圍\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Prompt\u003C\u002Ftd>\u003Ctd>補足背景與限制\u003C\u002Ftd>\u003Ctd>減少猜測\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Review\u003C\u002Ftd>\u003Ctd>先看結構\u003C\u002Ftd>\u003Ctd>找出首版問題\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Refine\u003C\u002Ftd>\u003Ctd>一次改 1 件事\u003C\u002Ftd>\u003Ctd>讓修正可追蹤\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Document\u003C\u002Ftd>\u003Ctd>保存有效提示詞\u003C\u002Ftd>\u003Ctd>方便重啟專案\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003Ch2>1. 先定一個結果，再開始輸入\u003C\u002Fh2>\u003Cp>最有效的第一個提示，不是模糊\u003Ca href=\"\u002Fnews\u002Fbotanix-shutdown-proves-bitcoin-defi-lacks-demand-zh\">需求\u003C\u002Fa>，而是明確輸出。你若先知道 AI 要做出什麼，就能用結果來判斷成敗，而不是只憑「感覺不對」來改。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781565464616-ymq8.png\" alt=\"5 步把 vibe coding 做成可重複流程\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>像 \u003Ca href=\"https:\u002F\u002Fopenai.com\u002F\">OpenAI\u003C\u002Fa> 這類模型最怕的就是範圍太散；先寫下交付物、受眾與成功條件，會比直接開工更省時間。\u003C\u002Fp>\u003Cul>\u003Cli>交付物：單頁網站、三頁頁面或一段流程\u003C\u002Fli>\u003Cli>受眾：誰會用，想完成什麼\u003C\u002Fli>\u003Cli>成功條件：v1 必須具備哪些結果\u003C\u002Fli>\u003Cli>邊界：這一輪先不要加什麼\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>2. 提示詞要有背景，不只是一句命令\u003C\u002Fh2>\u003Cp>AI 之所以常常產出通用答案，通常是因為它缺少決策所需的背景。你要補上商業情境、使用者情境、風格方向、必備功能與排除條件，模型才不會自己補空白。\u003C\u002Fp>\u003Cp>像 \u003Ca href=\"https:\u002F\u002Fwww.anthropic.com\u002F\">Anthropic\u003C\u002Fa> 強調的對話式工作方式，本質上也是把上下文講清楚。提示詞不用長，但要能讓模型知道「為誰做、做什麼、不要做什麼」。\u003C\u002Fp>\u003Cul>\u003Cli>商業背景：這個產品或公司是做什麼的\u003C\u002Fli>\u003Cli>受眾背景：內容是給誰看、誰來用\u003C\u002Fli>\u003Cli>風格背景：語氣、品牌色、版型偏好\u003C\u002Fli>\u003Cli>限制背景：先排除哪些功能與元素\u003C\u002Fli>\u003C\u002Ful>\u003Ccode>為一家住宅 HVAC 公司建立單頁網站。\u003Cbr>受眾：郊區屋主。\u003Cbr>主要動作：送出維修需求表單。\u003Cbr>不要電商、不要部落格、不要帳號系統。\u003Cbr>頁首要清楚顯示電話。\u003C\u002Fcode>\u003Ch2>3. 先看首版結構，再談美感\u003C\u002Fh2>\u003Cp>第一版\u003Ca href=\"\u002Fnews\u002Fdoe-land-ai-infrastructure-fast-zh\">應該\u003C\u002Fa>先看結構對不對，而不是先挑細節漂不漂亮。版面順序是否合理、最重要的資訊是否夠快出現、主動作是否容易找到，這些都比字體細節更早決定成敗。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781565460285-ohvb.png\" alt=\"5 步把 vibe coding 做成可重複流程\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>如果你用 \u003Ca href=\"https:\u002F\u002Fchat.openai.com\u002F\">ChatGPT\u003C\u002Fa> 生成登陸頁或預約頁，第一輪最好直接模擬使用者走一次。問題很簡單：它有沒有完成你在第一步定義的\u003Ca href=\"\u002Fnews\u002Fopenai-ona-buy-adds-reach-to-codex-zh\">任務\u003C\u002Fa>？\u003C\u002Fp>\u003Cul>\u003Cli>看層級：最重要內容是否一眼可見\u003C\u002Fli>\u003Cli>看順序：區塊排列是否符合閱讀習慣\u003C\u002Fli>\u003Cli>看動作：主流程是否不用找半天\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>4. 一次只改一件事，修正才會乾淨\u003C\u002Fh2>\u003Cp>最穩的迭代方式，是每個後續提示只處理一個問題。若表單太低，就只要求把表單往上移；若標題太空泛，就只改標題。單點修正比較容易讓 AI 做對，也比較容易驗證。\u003C\u002Fp>\u003Cp>把版型、文案、顏色一次全改，通常只會讓你更難知道哪個變動有效。這也是 \u003Ca href=\"https:\u002F\u002Fwww.perplexity.ai\u002F\">Perplexity\u003C\u002Fa> 這類工具在整理資訊時常見的原則：問題越聚焦，答案越可用。\u003C\u002Fp>\u003Cul>\u003Cli>好：把聯絡表單移到首屏\u003C\u002Fli>\u003Cli>好：把標題改成強調當日維修\u003C\u002Fli>\u003Cli>差：同時改表單、標題、證言與按鈕顏色\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>5. 把決策記下來，之後才重得起來\u003C\u002Fh2>\u003Cp>AI 不會記得你上週做過什麼，聊天記錄一長也會開始失焦。把有效提示詞、已批准的修改、要保留的限制記下來，才能在專案變複雜時快速重啟。\u003C\u002Fp>\u003Cp>如果你常在多輪對話後迷路，文件化會比再多試幾次更有用。你不需要正式規格書，只要能回頭找到「哪個提示詞產生最好結構」就夠了。\u003C\u002Fp>\u003Ccode>專案筆記\u003Cbr>- 目標：單頁 HVAC 網站，含維修需求表單\u003Cbr>- 受眾：需要快速修復的屋主\u003Cbr>- 保留：簡潔版面、頁首電話\u003Cbr>- 移除：部落格、電商、帳號系統\u003Cbr>- 最佳提示詞：含商業、受眾、目標、限制的第一版\u003C\u002Fcode>\u003Ch2>怎麼挑\u003C\u002Fh2>\u003Cp>如果你是從零開始，先做第 1、2 步最重要。若首版已經有了，就把時間放在第 3、4 步，先檢查結構，再用單點修正收斂結果。若你常常忘記前面做過什麼，第 5 步會直接提升效率。\u003C\u002Fp>\u003Cp>多數人最適合完整走一輪：先定結果，再補背景，接著檢查首版，逐項修正，最後留下紀錄。這就是把 vibe coding 從即興輸入，變成可重複流程的差別。\u003C\u002Fp>","5 步把 vibe coding 變成可重複流程：先定目標、再補上下文、檢查首版、逐項修正，最後留下紀錄。","www.siteground.com","https:\u002F\u002Fwww.siteground.com\u002Facademy\u002Fvibe-coding-workflow\u002F",null,"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781565464616-ymq8.png","industry","zh","c950e498-c5ee-4c56-b106-4910dd9dd08f",[17,18,19,20,21,22],"vibe coding","AI workflow","prompt engineering","prototype review","iteration","documentation",[24,25,26,27],"先定義 1 個結果，再開始提示，能大幅縮小 AI 的發散空間。","提示詞要包含背景、受眾與限制，模型才不會自己補錯。","首版先看結構，之後每次只改 1 件事，流程會更可控。","把有效提示詞與決策記錄下來，專案才能在下次快速重啟。",0,"2026-06-15T23:17:19.969601+00:00","2026-06-15T23:17:19.967+00:00","fcdffeb2-87ac-4452-99ee-9867487e592d",{"tags":33,"relatedLang":43,"relatedPosts":47},[34,36,38,39,41],{"name":19,"slug":35},"prompt-engineering",{"name":17,"slug":37},"vibe-coding",{"name":21,"slug":21},{"name":20,"slug":40},"prototype-review",{"name":18,"slug":42},"ai-workflow",{"id":15,"slug":44,"title":45,"language":46},"vibe-coding-workflow-plan-prompt-refine-en","A vibe coding workflow keeps AI builds on track","en",[48,54,60,66,72,78],{"id":49,"slug":50,"title":51,"cover_image":52,"image_url":52,"created_at":53,"category":13},"11f9fb49-68ac-468b-8fcd-732eb983e585","nvidia-sells-25-billion-bonds-ai-spending-zh","Nvidia發25億美元債，AI支出加速","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781576272417-g4ay.png","2026-06-16T02:17:29.835441+00:00",{"id":55,"slug":56,"title":57,"cover_image":58,"image_url":58,"created_at":59,"category":13},"14718e0c-8cd4-4e4c-ac37-cd4f3ae335d2","anthropic-suspension-ai-release-policy-zh","Anthropic 停權把發布變政策","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781561903793-qow6.png","2026-06-15T22:17:54.25387+00:00",{"id":61,"slug":62,"title":63,"cover_image":64,"image_url":64,"created_at":65,"category":13},"a61bb9a7-a811-46cc-9b73-9ccb84cda0f8","helix-brings-10b-to-ai-infrastructure-buildouts-zh","Helix 10 億美元押注 AI 基礎設施整合","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781560970664-1d59.png","2026-06-15T22:02:19.767786+00:00",{"id":67,"slug":68,"title":69,"cover_image":70,"image_url":70,"created_at":71,"category":13},"87f6c4e2-b79b-4850-a935-4fa04f0dfe20","doe-land-ai-infrastructure-fast-zh","DOE 應該快把土地轉成 AI 基礎設施","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781560070740-bnta.png","2026-06-15T21:47:22.771897+00:00",{"id":73,"slug":74,"title":75,"cover_image":76,"image_url":76,"created_at":77,"category":13},"f298de46-73ff-425c-9941-f58b4e43adce","xiaomi-mimo-code-beats-claude-code-long-tasks-zh","小米 MiMo Code 挑戰 Claude Code","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781559171329-8ofv.png","2026-06-15T21:32:19.550119+00:00",{"id":79,"slug":80,"title":81,"cover_image":82,"image_url":82,"created_at":83,"category":13},"faba17a1-85f0-40da-94de-bf61c861a244","openai-ona-buy-adds-reach-to-codex-zh","OpenAI 收購 Ona，Codex 更能跑長任務","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781558263174-hjuw.png","2026-06-15T21:17:17.221546+00:00",[85,90,95,100,105,110,115,120,125,130],{"id":86,"slug":87,"title":88,"created_at":89},"ee073da7-28b3-4752-a319-5a501459fb87","ai-in-2026-what-actually-matters-now-zh","2026 AI 真正重要的事","2026-03-26T07:09:12.008134+00:00",{"id":91,"slug":92,"title":93,"created_at":94},"83bd1795-8548-44c9-9a7e-de50a0923f71","trump-ai-framework-power-speech-state-preemption-zh","川普 AI 框架瞄準電力、言論與州權","2026-03-26T07:12:18.695466+00:00",{"id":96,"slug":97,"title":98,"created_at":99},"ea6be18b-c903-4e54-97b7-5f7447a612e0","nvidia-gtc-2026-big-ai-announcements-zh","NVIDIA GTC 2026 重點拆解","2026-03-26T07:14:26.62638+00:00",{"id":101,"slug":102,"title":103,"created_at":104},"4bcec76f-4c36-4daa-909f-54cd702f7c93","claude-users-spreading-out-and-getting-better-zh","Claude 用戶更分散，也更會用","2026-03-26T07:22:52.325888+00:00",{"id":106,"slug":107,"title":108,"created_at":109},"bd903b15-2473-4178-9789-b7557816e535","openclaw-raises-hard-question-for-ai-models-zh","OpenClaw 逼問 AI 模型價值","2026-03-26T07:24:54.707486+00:00",{"id":111,"slug":112,"title":113,"created_at":114},"eeac6b9e-ad9d-4831-8eec-8bba3f9bca6a","gap-google-gemini-checkout-fashion-search-zh","Gap 把結帳搬進 Gemini","2026-03-26T07:28:23.937768+00:00",{"id":116,"slug":117,"title":118,"created_at":119},"0740e53f-605d-4d57-8601-c10beb126f3c","google-pushes-gemini-transition-to-march-2026-zh","Google 把 Gemini 轉換延到 2026 年 3…","2026-03-26T07:30:12.825269+00:00",{"id":121,"slug":122,"title":123,"created_at":124},"e660d801-2421-4529-8fa9-86b82b066990","metas-llama-4-benchmark-scandal-gets-worse-zh","Meta Llama 4 分數風波又擴大","2026-03-26T07:34:21.156421+00:00",{"id":126,"slug":127,"title":128,"created_at":129},"183f9e7c-e143-40bb-a6d5-67ba84a3a8bc","accenture-mistral-ai-sovereign-enterprise-deal-zh","Accenture 攜手 Mistral AI 賣主權 AI","2026-03-26T07:38:14.818906+00:00",{"id":131,"slug":132,"title":133,"created_at":134},"191d9b1b-768a-478c-978c-dd7431a38149","mistral-ai-faces-its-hardest-year-yet-zh","Mistral AI 迎來最硬的一年","2026-03-26T07:40:23.716374+00:00"]