用 AI 做出能實際操作的 App 原型，拿去給人試用
原型值得做，是因為它能回答設計稿回答不了的問題：當人真的必須操作時，他們看得懂流程嗎？Anticode 會根據你的描述寫出一個能實際操作的 App，裡面填滿標示為範例的資料，測試者可以在自己的手機上打開。本頁說明該做什麼樣的原型、如何描述它，以及只在單一瀏覽器執行的原型做不到哪些事。
為什麼能操作的原型比設計稿告訴你更多
靜態畫面測試的是大家喜不喜歡它的樣子，卻很少測試大家會不會用，因為測試者必須想像每次點擊之後會發生什麼，主持測試的人最後只好在旁邊解說產品。一個真的會回應的可點擊 App 原型，就不需要這些解說。測試者在真的欄位中輸入、看到總額真的改變、刪掉最後一個項目時看到真的空白狀態。他們的困惑來自你的設計，而不是原型的缺口。
它也改變了你能問的問題。拿著設計稿，你會問「你會用這個嗎？」，大家多半客氣地回答。拿著能操作的東西，你可以給一個任務（「加上下週二的班，看看你的每週工時有什麼變化」），然後觀察他們在哪裡猶豫。
決定原型要證明什麼
在描述任何東西之前，先寫下這次測試要回答的一兩個問題。這能讓建置保持精簡、測試保持聚焦。常見的有：
- 理解： 大家能在幾秒內看懂主畫面是做什麼的嗎？
- 核心任務： 他們能在沒人幫忙的情況下，完成這個產品存在的那一項工作嗎？
- 尷尬時刻： 在你沒把握的邊界情況會發生什麼：空白清單、要復原的錯誤、會換行的長名字？
- 意願： 用過之後，他們願意用它取代目前的試算表、筆記本或 App 嗎？
任何對這些問題沒有幫助的東西，都可以省略或假裝。一個在二十分鐘測試中沒人會打開的設定頁，不管產生起來多容易，都是白費力氣。
如何向 Anticode 描述
用幾句話描述使用者、任務和畫面，並說明範例資料應該長什麼樣子。例如：「一個咖啡店團隊換班 App 的原型。畫面：本週班表、申請換班、待處理的換班申請清單。使用八位範例員工和一週真實的班表。全部標示為示範資料。」Architect 會回覆一份簡短的規劃（名稱、畫面、外觀、功能），並可能在答案會改變建置結果時問最多三個問題，每個問題都附有可以點選的建議答案。
當你選擇 Build it，模型會把整個 App 寫成一份 HTML 文件，你可以看著程式碼即時產生。在該檢查服務可用時，新的 App 建置還會在無頭瀏覽器中以手機和筆電寬度開啟、截圖並逐一點擊，發現的錯誤會回饋給模型修正。
讓假的部分誠實
Anticode 的 App 在沒有網路的沙盒中執行，所以通常需要伺服器的功能都在頁面內模擬：其他使用者是範例人物，「已送出」的訊息會進到本機清單，登入畫面輸入什麼都能通過。App 會在重要的地方把這些標示為示範資料。測試時請讓這些標示保持可見。以為自己在用真實系統的測試者，會做出和知道這只是模型的測試者不同、也更冒險的選擇；在這個階段，你要的是後者的回饋。
會保留下來的，是 App 存在測試者自己瀏覽器裡的資料。如果有人新增三個項目、關掉分頁、隔天再回來，那些項目在那台裝置上還在。只要每位測試者固定用同一支手機或筆電，這就足以進行為期一週的日誌研究。
進行測試與修改建置
- 把原型發布到它的 anticode.dev 網址，把連結傳給測試者。不需要安裝任何東西。
- 給利害關係人的話，改傳客戶審閱連結：他們不需要帳號就能打開目前的預覽，並針對某個區塊留言。連結預設 14 天後失效，你也可以隨時撤銷。
- 每一輪結束後，用白話提出修改（「把換班按鈕移到每張班表卡片上」）。最近的儲存會保留在版本紀錄中（數量依方案而定），所以你可以把第一輪和第三輪並排比較，或回到先前的版本。
單一瀏覽器的原型測試不了什麼
請清楚認識這條界線。沙盒原型一次只在一台裝置上執行，所以它無法測試：
- 任何人與人之間的互動：真實的通知、共用清單、兩位測試者看到彼此的修改。
- 真實的登入、權限或帳號復原。
- 即時的外部資料、付款，或 App 內的 AI 功能（只能用固定的範例回應模擬）。
- 真實資料量或慢速網路下的效能。
當點子通過測試，Next.js 匯出就是邁向真正產品的一步。它適用於 App 建置，會產生一個標準的 TypeScript App Router 專案，包含透過 Prisma 連接的 Postgres、電子郵件登入、客戶與員工角色，以及管理後台。這是一個讓開發者繼續擴充的起點，不是完成的多人 App，你也可以把它推送到自己選擇的 GitHub 儲存庫。匯出成 Next.js 的指南說明了裡面有什麼。如果你需要正式上線的多人功能又不想寫程式，有後端支援的無程式碼工具可能比這兩者都更適合。
常見問題
這是 AI 原型製作工具，還是設計工具？
它產生的是能運作的程式碼，不是畫布上的框架。你得到的是在瀏覽器中執行的真實 App，很適合易用性測試；如果設計團隊需要像素等級的設計檔，請搭配設計工具使用。
測試者可以在手機上用嗎？
可以。發布的 App 是一個能在手機瀏覽器中運作的網頁，它儲存的任何資料都留在那支手機上。
我看得到測試者輸入的內容嗎？
看不到他們在 App 內儲存的資料，那些留在他們的裝置上。如果你加上意見回饋或聯絡表單，那些提交會透過電子郵件和控制台送到你手上。
原型會變成真正的 App 嗎？
它可以成為起點。Next.js 匯出會把它變成一個有資料庫和登入功能、讓開發者可以繼續建置的專案。