我使用 Claude 在不到一個小時的時間內建立了 9 個網站。

我親自嘗試過“根據提示編寫程式碼”,最近發現使用免費的雲端服務訂閱,一次會話最多可以創建五個網站。之後,你需要等待五個小時才能再次使用該服務,或升級到雲端服務專業版。
我測試了Cloud 平台,並在不到一小時的時間內建立了九個獨特的網站。以下是測試結果。
1. 復古街機遊戲著陸頁
宣稱:「這款復古街機遊戲網站採用霓虹燈風格、像素字體、鮮豔的動畫背景和三個大型發光按鈕,營造出一種仿‘經典遊戲’的氛圍。當滑鼠懸停在按鈕上時,還會發出音效。”
這個復古街機風格的網站,霓虹燈設計,完美營造出80年代街機廳的氛圍。像素藝術令人賞心悅目,每個按鈕都有專屬的互動音效。發光的角落裝飾和微妙的故障藝術效果,正是我夢寐以求的設計:響應式佈局、支援鍵盤操作,並且能夠與真正的遊戲完美相容。總而言之,這個網站讓你感覺彷彿置身於經典的街機廳。
2. 簡易食譜博客

需求:“為食譜部落格設計一個簡潔的主頁,採用純白色背景、優雅的襯線字體,以及由三張食譜卡片組成的網格佈局。每張卡片應包含一張圖片、食譜標題以及滾動顯示食材的效果。需適配移動設備。”
這是一個簡潔時尚的食譜部落格首頁。其行動友善設計提供便利的觸控交互,點擊即可展開內容,非常適合行動裝置使用。字體和間距在各種螢幕尺寸上都呈現良好的視覺效果。
該設計在簡潔的功能性和精緻的字體排版之間取得了完美的平衡。諸如元素間交織的動畫等獨特細節,將整個頁面巧妙地融合在一起,賦予其卓越而引人入勝的魅力。
3. 一個受科幻小說啟發的新創公司頁面

主題:“為一家虛構的太空採礦公司設計一個未來主義風格的單頁網站。網站應包含一個全屏動畫星空背景、一個醒目的金屬質感文字的公司使命宣言,以及一艘緩緩飛過屏幕的動畫飛船。添加一個行動號召按鈕:“加入艦隊。 」
從 80 年代的街機遊戲到科幻電影,這個網站以繁星點點的背景鋪滿整個螢幕,閃爍的星星、飛馳的彗星和漂浮的太空粒子交相輝映,一艘可愛的太空船在螢幕上穿梭。醒目的金屬質感印刷、光澤的表面處理和閃爍的按鈕,更增添了探索的樂趣。
滑鼠特效、鍵盤導航和視差滾動等互動元素真正賦予了使用者體驗以鮮活的生命力。克勞德在細節處理上做得非常出色。
4. 兒童故事網站

要求:“為兒童故事書設計一個有趣且色彩豐富的網站。使用醒目的大字體、動物插圖,以及一個可以翻閱三個短篇故事‘頁面’的按鈕,並配以簡單的動畫效果。網站背景顏色要隨著每一頁的翻閱而變化。”
克勞德創建了一個精彩絕倫的網站,充滿了奇幻的魔力。故事講述了三隻動物——一隻名叫菲利克斯的狐狸、一隻名叫佩妮的熊和一隻名叫貝拉的蝴蝶——在三個互動頁面上展開的繽紛冒險。
網站的每個頁面都採用了活潑的背景漸變色、生動的動物表情符號和流暢的翻頁動畫,所有這些都讓它感覺像是一本真正的互動書籍。字體清晰明快,動畫細節引人入勝,總而言之,這個網站對年輕讀者很有吸引力,尤其是那些習慣於長時間面對螢幕的孩子。
5. 互動式數據儀表板

主題要求:“使用虛擬數據創建一個現代化的、深色主題的數據儀表板,其中包含交互式圖表。儀表板應包含側邊欄、頂部實時時鐘以及三種圖表:柱狀圖、折線圖和餅圖。添加懸停效果和各部分之間的平滑過渡。”
我決定將這個網站作為商業案例研究。深色主題的控制面板包含了我在需求中提出的所有功能,包括一個簡潔流暢的側邊欄。響應式設計在桌面和行動裝置上都能完美運行,並包含四個主要部分,切換過渡自然。
我非常喜歡頁眉中的即時時鐘,互動式圖表也是很棒的附加功能。我很感謝Claude添加了一些範例數據,這樣我就可以更直觀地了解顯示內容。
6.禪修花園位置

需求:“創建一個簡單的單頁冥想網站,背景採用柔和的漸變色,底部有動畫流水,屏幕上緩緩飄落著櫻花花瓣。包含一個醒目的‘開始冥想’按鈕,點擊後播放舒緩的背景音樂,並淡出顯示一句勵志名言。”
我對這個網站的效果非常滿意。柔和的漸變背景,例如桃色、粉紅色、珊瑚色和紫色,非常醒目,有助於營造平靜和提神醒腦的氛圍。網站營造出一種真正寧靜祥和的氛圍,非常適合冥想。
7. 網路銀行市場

任務:“創建一個以霓虹賽博朋克世界為靈感的網站,展現一個未來主義街頭市場。滑鼠懸停時使用故障藝術效果,搭配閃爍的霓虹燈招牌和動畫全息風格菜單。每張產品卡片在滑鼠懸停時都會亮起,並配有簡短的合成波音效。添加循環播放的雨滴動畫,營造令人興奮的氛圍。”
網站最突出的特點是其氛圍營造效果。從反覆出現的雨滴動畫和閃爍的霓虹燈到動態網格背景,該網站在視覺上極具吸引力。
三種不同的合成器音色和互動按鈕讓這個網站既用戶友好又引人入勝。如果沒有Claude 的辛勤工作,我自己根本不可能實現這些功能。網站憑藉著流暢的動畫、逼真的合成器音效和沈浸式的視覺效果,完美地捕捉了賽博龐克街頭市場那種原始而霓虹閃爍的氛圍。
8. 虛構的任務日記

要求:“設計一個以古代手稿為靈感的奇幻冒險網站。讓羽毛筆指針發光,移動時留下閃光;側邊導航欄看起來像一本中世紀的魔法書;還有一個頁面,用戶可以點擊找到的圖標來‘收集’三個魔法物品,找到的圖標會移動。”
這個例子表明,克勞德能夠輕鬆駕馭引人入勝、充滿想像的設計。當你瀏覽網站時,發光的羽毛筆指針會留下閃爍的軌跡;導航選單展開時,宛如一本裝幀精美的中世紀魔法書,帶有皮革封面和動態懸停效果。
網站的主要內容以莎草紙捲軸為載體,飾以古老的圖案和華麗的中世紀印刷品,賦予網站一種古樸典雅的魅力。憑藉其響應式設計、互動光效和互動成就,每一次點擊都充滿了神奇的古老韻味。
9. 領養一隻卡通寵物

需求:“創建一個有趣的互動網站,訪客可以在上面‘領養’卡通寵物(貓、狗或龍)。每隻寵物在待機狀態下都應該有動畫,點擊時會有反應(呼嚕聲、搖尾巴、噴火),還可以通過拖拽食物圖標來‘餵食’。添加歡快的背景音樂,並提供靜音選項。”
她創建了一個互動式寵物領養網站,既有趣又引人入勝。每隻寵物都有自己獨特的卡通形象,個性鮮明。 Claude讓使用者可以輕鬆拖放食物來餵食,觀察它們的幸福值增長,並解鎖從咕嚕聲到噴火咆哮等各種有趣的反應。
此外,網站還配有一段朗朗上口、循環播放的旋律,有助於營造氛圍。網站採用響應式設計,觸控操作便捷,顯然旨在提供有趣、感人且互動性強的體驗。
評論被關閉。