
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 一個可離線開啟、收在單一獨立 HTML 檔案中的完整俱樂部網站;Cirrus Racquet Club 範例共有 24 個相互連結的路由,包含課程、教練與活動詳細頁面
- 預約與會員工具:即時快速預約列、互動式球場平面圖、顯示剩餘名額的課表、方案推薦工具、計費週期切換、教練可預約時段,以及預約與入會流程
- 所有照片採用同一套美術方向、風格一致的教練肖像、Figtree 與 Geist Mono 字體,並可依需求移植到你自己的框架
適合
- 販售會員、課程與可預約時段的網球、板式網球(padel)、游泳、高爾夫、瑜伽與健身俱樂部或工作室
- 需要把課程、教練、活動、設施與預約頁面串連起來,而不只是一個首頁的場館
- 現在想要獨立網站,或想把同一套設計建在 Next.js、React、Vue 或 Astro 上的團隊
不適合
- 現成的後端:預約、報名與付款只在頁面上確認,並清楚說明沒有完成任何預約或收費
- 想要深色或插畫風格的品牌:這套設計仰賴明亮的天空與球場攝影
- 想拿掉核心構圖的專案:圓角外殼、照片 Hero、深藍色卡片與藍色會員卡就是這套設計本身
品牌設計與視覺規範網頁設計與數位體驗建置 Landing Page風格鎖定成果可編輯Hero教練球場會員
關於此 Skill

描述你的俱樂部、課程、教練與方案,就能拿到一個完整的網站:白色圓角外殼、搭配快速預約列的天空與球場照片 Hero、深藍色特色卡片、風格一致的教練肖像,以及醒目的藍色會員方案。成果是一個可在任何瀏覽器開啟、離線也能使用的獨立檔案。

你會得到
- 完整的頁面家族:各有詳細頁面的課程、教練與活動,以及會員方案、入會、設施、關於我們、預約、聯絡、政策頁面與精心設計的 404
- 即時回應的快速預約列,會把選擇帶入預約頁面,另有互動式球場平面圖
- 顯示剩餘名額與候補的每週課表、方案推薦工具、計費週期切換與比較表
- 預約、入會、活動、聯絡與電子報表單,具備即時驗證、載入中與成功狀態
- 如有需要,也能以你自己的技術堆疊,把同一套設計建成元件與路由

使用方式
- 提供你的俱樂部名稱、場館、課程、教練、方案、價格與時間表;粗略的筆記就夠了,草擬的資訊會列出來供你確認
- 提供你自己的照片,或讓它生成一套風格一致的照片,每個課程、教練與活動各有一個主角
- 在瀏覽器中開啟完成的檔案,逐頁點擊瀏覽,再用日常用語提出修改需求

新照片由你的 Agent 生圖工具產生,可能會產生該工具的使用費用。字型與圖片都會內嵌在完成的檔案中。
開始前需要準備什麼
- 你需要提供
- 俱樂部或場館名稱、地點與一段簡短介紹 · 課程、教練、含價格的方案、時間表,以及你需要的頁面 · 你擁有的照片,或允許重新生成一套風格一致的照片
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 內建的生圖工具或你自己的照片,用於場館、課程、教練與活動圖片
- 外部費用
- 新照片由你的 Agent 內建的生圖工具產生,可能會產生該工具的使用費用。使用你擁有的照片不需任何費用,範例中幾張中性的球場與休息區照片也可供球拍運動場館重複使用。
- 最近實測
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









