你在 Replit 更新支出追蹤器時，注意到前端有個視覺錯誤：支出金額不小心和支出類別重疊了。你先給出這個提示：
「前端有一個視覺錯誤。」
為了確保 Replit 能正確修復，你在後續訊息中應該加入哪些額外的脈絡？（可複選）
本練習屬於課程
將理論付諸實踐，立即體驗我們的互動練習
透過 Replit 的 vibe coding，將心態從「寫程式很可怕」轉變為「我剛做出一個真的作品」。你將看見 Replit 的 AI 驅動環境如何顛覆傳統開發流程——你不必先死背語法，而是先描述你想做什麼，接著看 Replit 把它實現。
當前練習
在 Replit 上動手打造一個 Typeform 克隆版，讓你的技能發揮在實作中。本章會教你如何把想法拆解為可實作的元件、如何有效與 Replit 協作，以及撰寫能驅動 vibe coding 工作流程的高品質提示。到最後，你會擁有一個可完整運作的應用程式，並具備在 Replit 建構複雜專案的信心。
把你的 Replit 技能提升到下一個層次，開始打造更複雜的應用程式。本章你將熟練掌握情境工程（context engineering）、學會最佳化你的應用程式，並用 vibe coding 建構多元工具與應用。你會在第 2 章的 Typeform 克隆版上繼續擴充：加入管理後台功能、自訂表單產生器、使用者驗證與存取控制，並管理日誌以讓除錯更順暢。到最後，你會知道如何在 Replit 中精煉、保護並完善你的 vibe coding 應用程式。
學會如何保護、部署並自信地維護你的 Replit 應用程式。本章將帶你探索 Replit 的最佳部署選項、部署前應用程式的安全性措施，並學會使用 Autoscale 部署來上線你的應用。你也會了解部署後如何持續維護、迭代與改進你的 Replit 應用程式。
