之前和大家介紹過 Claude 3.5 Sonnet，它強大的程式能力加上 Artifacts 的功能，讓它在寫程式方面變得非常方便。無論是生成網頁或報表，都能夠直接在瀏覽器裡面預覽並執行結果。
今天要來跟大家介紹一個叫做 WebSim 的網頁，它同樣可以透過輸入我們想要的關鍵字，來創建各種有趣的網頁程式或網頁小遊戲，而且它所生成的網頁還能夠分享，我們可以看看其他人到底使用這個網頁，做了些什麼有趣的小專案。
WebSim 網頁:
https://websim.ai/
WebSim 網站介紹
進入 WebSim 首頁後，可以看到上面列出一些其他人製作的小專案。
這些專案看起來其實很多都蠻酷的，我們也可以透過右上角的 Today、Week、Month 來調整瀏覽量紀錄的時間維度，尤其到 Month 這邊可以看到有一些非常厲害的作品，像這邊有一個類似像 Minecraft 的小遊戲、看起來很精緻的 3D 場景以及一些有特殊功能的網頁。
總之這個部分就介紹到這邊，因為上面的專案真的要介紹介紹不完，而且也會有人一直製作新的專案，大家有興趣的話可以自行在上面探索一下。
如何使用 WebSim 製作網頁專案？
接下來就來告訴大家要如何透過這個網頁，製作一個屬於自己的小專案。首先要登入帳號，WebSim 可以直接用 Google 或 Discord 帳號登入並註冊，不需要額外的步驟。
登入完後，我們只要點擊網頁內，上方這個看起來有點像網址列的東西，點進這個輸入框，我們就可以開始輸入我們想要的提示詞關鍵字來生成網頁了。
WebSim 這個網站它目前應該是沒有使用次數上限的(至少我還沒有使用到過)，它預設使用的語言模型是使用 Claude 3.5 Sonnet，你要切換成 GPT-4o 也是可以的，甚至是舊版的 Claude 3 也是可以，只不過 GPT-4 它還是寫 Experimental，所以這邊建議就直接使用它預設的 Claude 3.5 Sonnet。
使用測試
接下來我們來製作一點小東西，首先我先輸入「製做一個計算機」，來讓他生成一個簡單的計算機網頁程式。
稍等一下，等待語言模型生成完，我們就可以試用一下它的功能，看是否有符合我們的需求。
如果我們對它目前生成的這個頁面不是很滿意，我們也可以點擊頁面中左上角看起來像網頁重整的按鈕，讓它重新根據目前的提示詞，再生成一個網頁，只不過同樣的提示詞基本上，有可能它生成的不會差太多。
除重新生成之外，我們也可以依照目前生成的網頁，再進一步的調整。
一樣點擊到上方這個看起來像網址列的地方，接著輸入提示詞，例如輸入 「iOS style」。它就會將目前已生成的網頁，再根據我們新輸入的提示詞來調整。
WebSim 還有一個還滿不錯的地方，就是這一個生成的網頁我們是能夠直接下載下來的，我們點擊右上角的三個點，然後裡面會有個 Download 按鈕，點下去就可以將目前這個網頁的 HTML 檔下載下來。
我們可以點開這個 HTML 檔，確定它在這個上面也是可以使用的，所以在 WebSim 這個網頁上，我們也可以製作一些自己需要的小工具，並且將它下載下來供自己使用。
接下來我在測試製作一些其他的工具，例如 QR Code Generator，基本上是一次就成功。
想要製作更加複雜的程式，當然也是可以，只不過可能會需要很多次的提示以及調整，才能夠成功的製作初複雜的網頁。隨便點進一個 WebSim 的熱門專案裡，再點擊頁面中的 WebSime 網址列，就可以查看這個專案近幾個下的提示詞。
總結
以上就是 WebSim 這個網站的簡單介紹，這個網站我是覺得它蠻有趣的，可以在上面製作一些專案，或者是要讓它做一點簡單的網頁設計，它也是可以做得到的。
同時觀摩其他人是如何利用這個網站，發揮想像，製作屬於自己的專案，也非常的有趣，在一定程度上也可以拿來學習如何下提示詞。
只不過它呼叫的是 Claude 3.5 Sonnet 或者是 GPT-4 的 API，這些 API 自然都是要錢的，不確定這個網站它能夠免費這樣下去多久。