Websim.ai 輸入簡單描述就能透過 AI 生成網頁、工具、遊戲

Websim.ai 是一款相當強大的 AI 工具,它可以生成任何基於網頁的內容,包括單純的網頁、網頁工具、網頁遊戲等都可以,甚至還能叫它直接複製,如:

  • 製作一個類似 YouTube 的網頁
  • 製作跟 Apple 一樣的計算機

更重要是,輸入中文也可以,這對英文不好的人來說非常友善,而且現在還完全免費,推薦給大家。

你可能感興趣:

目錄

Websim.ai 提供的模型有哪些

目前共有 5 個,每個模型的生成品質都不一樣,速度也有差:

  1. Sonnet 3.5
  2. GPT-4o
  3. Haiku
  4. Sonnet 3
  5. Opus

像是 Sonnet 3.5 和 Opus 是屬於小模型,生成速度很快。

GPT-4 目前還在實驗階段,雖然生成速度可能比其他還要慢,但我測試應該是所有當中品質最好的,很推薦用這一個。

Websim.ai 操作教學

這款線上工具的操作介面很簡單,進到網站之後,就能在輸入框中,輸入你要生成的內容描述。另外使用時需登入你的 Google 帳號,目前看起來沒有生成次數限制。

試用 Websim.ai

如下圖所示,把你要生成的內容描述輸入在框框裡,可輸入中文,預設模型是 Sonnet 3.5,可以展開選其他模型:
Websim.ai

這裡我示範 Sonnet 3.5 vs GPT-4o 的生成效果,你就會快速知道,為什麼前面我推薦 GPT-4o。

我的描述是:「建立一個擁有高質感的部落隔夜面,就像是 Medium 一樣」

這是 Sonnet 3.5 生成的網頁,整體來說還不錯:

但 GPT-4o 生成出的結果更符合我的要求(類似 Medium):

如果你對生成出的結果很滿意,想要下載下來,打開右上角 … 選單,就能找到 Download 功能:

下載後會是 HTML 格式,都幫你寫好了,不用再重頭來:

影片教學:

AI 生成遊戲

這款也能生成網頁遊戲,就把你想要生成的遊戲內容,輸入到描述框中。

我輸入:「建立一個格鬥遊戲,有五個角色,每個角色都有自己獨特的攻擊方式,格鬥時雙方都需要有血條,當血條沒了代表輸了。」

而生成出來的內容確實是大多有符合我的要求,不過可能是我輸入的描述不夠具體和完整,不算是真正的格鬥遊戲,而是透過按按鍵來攻擊對方,角色部分有只有二個:

按攻擊對方的按鈕,對方血條會減少,而且是隨機跳動:

AI 生成網頁工具

它也能生成任何你想要的網頁工具,像是計算機。

我輸入「建立一個 Apple 風格的計算機」

過沒幾秒後,就生成出來了,而且是真的能用,可以透過它來算數。

用圖片透過 AI 生成一樣的內容

除了用文字生成,這款也支援圖片輔助,像是你可以把某個網頁畫面擷取起來並上傳,然後要求它生成一樣的網頁,這還蠻好用的。

我擷取某個網頁並上傳圖片後,就交求它製作一個一樣的網頁:

接著就能獲得非常相似的網頁:

瀏覽別人的作品

有很多大神透過這個免費工具,生成出非常猛作品,像是可以瀏覽 3D 作品的網頁、PSP 遊戲(是真的能操作那種)、各類產生器等等,所以很值得瀏覽一下,搞不好可以給你更多靈感。

這也代表說,當你給的描述越仔細,Websim.ai 是真的能生成出高品質結果。

像這 3D 作品,可以拖拉畫面來改變觀看頭盔的視角,之前完全沒想到它也能生成這種 3D 工具:

這一個類似掌上型遊戲機的也很強,旁邊的按鍵都能操作,每一個也都有選單內頁,甚至是玩遊戲:

比較可惜是,這網站不會公開作品的完整 Prompt 描述,只能靠自己慢慢嘗試。

總結

現在越來越多內容都能利用 AI 生成出來,這也代表說,只要熟悉之後,一定能夠為你的工作、任何需求,簡短大量作業時間,像是對設計師來說,就能用它來生成出初步網頁 HTML 碼,然後再慢慢修改,不用從頭來。

Picture of Rocky

Rocky

曾任職於各大科技網站編輯,目前也是電腦王阿達資深編輯,接觸科技已經長達 10 年,熱愛將一些新科技、知識、和經驗分享給所有人。目前居住在日本,老婆是日本人,偶爾也會分享一些日本生活內容。

全部文章