零程式碼只要會打字，輕鬆打造互動網站與遊戲：WebSim.AI

2025/08/20 更新2025/07/10 發佈閱讀 5 分鐘

WebSim.AI 是一款以自然語言生成可互動網站與模擬環境的工具平台，只需輸入文字描述或 URL，即可在瀏覽器內生成類似網站、遊戲或虛擬空間的沉浸式體驗。支持 Claude Sonnet 3.5、GPT‑4 等主流 AI 模型，且完全無需任何寫程式背景都可以使用。

我也快速生成了一個翻牌的記憶遊戲，有興趣可以一起玩看看！

WebSim 操作步驟

第一步：右上角 Create 創建新專案

第二步：在右下方輸入想要創造網站或遊戲的提示詞。

第三步：左下角可選擇模型，選項有數字代表會扣點數，像是 100✦、200✦、400✦，免費帳戶每天基本會有 240✦ 。但是基本不扣點數的模型就很夠用。
輸入完提示詞後輸入框右側會出現藍底白色箭頭的按鈕，即可發送提示詞。

第四步：如果生成出來不滿意，雖然無法刪除，但可以根據所選之前的版本號繼續迭代更新。不斷迭代到滿意的樣子。版本區塊的左上角可以設定 pin 固定目前最新版本號。完成後右上藍底白字 Post 按鈕可發佈。

右側︙更多功能按鈕可以下載原始檔案，下載為 html, js, css 檔，可以在本機端開啟瀏覽。

WebSim 影音教學：

使用心得

缺點：WebSim 能夠快速構思原型及互動模型，但生成代碼較基本、可能未必適合複雜或大規模商業網站。模擬互動多為即時生成代碼，並未真正連結後端系統或資料庫。沒有選取局部迭代生成功能，有時候對於目標的位置難有效更改。

優點：用最簡單的方式，讓使用者可以快速製作產品示意頁、互動展示模擬，適合快速構思驗證與創意思考。

設計師可以快速構建可操作 MVP 原型、互動遊戲、演示樣板。開發人員可局部生成互動功能。甚至有人把 Windows XP 也模擬出來了。

WebSim 起源於一天之內完成的黑客松

WebSim 起始於 2024 年 3 月底的 Mistral AI Hackathon，由 Rob Haisfield 和 Sean Lee 共同創建，最初以 Anthropic 的 Opus 3 模型為 AI 生成核心，後來改用 Claude Sonnet 3.5。是在一天之內完成的原型專案，靈感來自當前浪潮中的「WorldSim」模擬概念。

2024年4月28日 Joscha Bach, Karan Malhotra, Rob Haisfield 在 WebSim Hyperstition Night 上發表了演講。闡述 WebSim 能將任何輸入的 URL 轉化為動態、互動式的虛擬網頁，甚至能將自然語言指令化為實際功能。打破了傳統網頁的限制，允許使用者探索、創造甚至混合內容，例如模擬運行遊戲或生成獨特的視覺效果。讓使用者在虛擬環境中體驗前所未有的自由與沉浸感，如同進入一個充滿可能性的數位夢境。

讓每個人都夠分享、互動的創作社群

他們共同開發 WebSim 最初的想法是：「如果讓 LLM（大型語言模型）自動生成網頁，使用者能無限地探索並修改它們，會怎樣？」讓 WebSim 不僅僅是一個 AI 生成網頁的工具，更有可能成為「新一代互聯網」的一部分。因此，WebSim 最初是一種單人創作體驗，但 Sean 和 Rob 很快決定將其轉變為社交創作平台，讓使用者能夠分享、互動、修改並分享他人創作的內容，形成一種即時、互動的內容生態。

WebSim 的特色在於讓每個人都有機會成為個人網頁設計師、遊戲開發者，甚至是全能程式設計師。Sean 和 Rob 認為創意比撰寫程式更重要，因此 WebSim 的一大優勢就是使用者友善的介面，讓用戶能夠專注於創意，而不必擔心程式編碼。

報告簡報：Introduction to AI Website Design Tools Websim (林位青 & 楊沛瑜)
資訊來源：Episode 7: Rob Haisfield & Sean Lee (Websim)