8 個 GitHub 項目 · 2 輪咖啡店網站實測

如何設計有質感的網頁風格

查每個項目的 GitHub、影片示範的用法，以及成品做得好或翻車的地方。

UI UX Pro Max 兩輪都排第一

第一輪在免費版 Claude 單獨勝出。第二輪換到桌面版的 Claude Code，UI UX Pro Max 和付費的 Claude Design 各拿 20 分，並列第一。排名是影片作者針對這兩題做的評比。

查看兩輪題目、操作與比較基準

第一輪｜品牌形象網站

用免費版 Claude，讓各組拿同一批照片、Logo 和題目。交付單一 HTML，包含可用滑鼠觸發的液態咖啡漣漪、從店外走到吧台的捲動效果、品牌故事、菜單、營業資訊及訂位按鈕。

片中操作是開新對話、附上素材、用斜線指定 Skill、送出提示詞，完成後下載 HTML 並用瀏覽器打開。另有一組使用免費版 Claude 的原始表現作為基準。

第二輪｜一週年活動網站

同一家虛構咖啡店，活動日期 11 月 20 日、咖啡全品項第二杯半價。其餘文案和設計由工具發揮，每組只生成一次。

三個 Skill 在 Claude Desktop 的 Claude Code 中測試。另有一組用網頁版 Claude Design Pro，約 4 分鐘完成，得 20 分。作者評首屏記憶點、到店意願、動效、整體風格與顯示問題。