Alpine 山岳旅行社登陸頁v1.0.2
使用這個 Skill：建置 Landing Page。
人氣上升
5.031 次下載1 個喜歡0 次收藏
$4.99
購買這個 Skill 可以得到什麼？打造完整的山岳旅遊網站：滿版山谷照片、一個巨大的白色展示文字、與 Hero 底部融為一體的深色毛玻璃搜尋列，以及錯落排列的圓角風景照。範例 Wander North 是一家虛構的小團健行公司，共 30 個相互連結的頁面，從可篩選的行程、嚮導介紹到訂購與行程測驗一應俱全。預設會得到一個能在任何瀏覽器開啟、離線也能使用的獨立檔案。
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 一個完成的 Wander North 範例網站，共 30 個路由：八個行程頁、三位嚮導介紹、三篇文章、訂購、FAQ、聯絡、測驗與精心設計的 404，並附 20 張照片。
- 可實際操作的控制項：即時顯示符合數量的 Hero 搜尋、行程篩選與排序、即時加總總價與訂金的訂購面板、具驗證的表單，以及鎖定焦點的手機選單。
- 你自己的網站，以單一離線檔案交付並內嵌 Geist 字型，另附風格規則、含提示詞的圖片規劃、動態系統，以及 Agent 據以建構的品質清單。
適合
- 想要沉穩、以照片為主視覺網站的健行、單車或滑雪旅遊業者，以及山區旅館。
- 需要大量真實頁面（行程、嚮導、故事、訂購），而不只是一頁登陸頁的小型旅遊品牌。
- 想要一個不需設定建置流程、就能以單一檔案開啟、檢查與託管網站的創辦人。
不適合
- 即時訂位或付款：表單會驗證並在頁面上顯示確認，但在你串接真實服務前不會送出任何資料。
- 想要深色、霓虹或大量動畫風格的品牌；這套設計明亮、以攝影為主且沉穩。
- 沒有攝影素材的網站：Hero、行程卡片與拼貼都仰賴出色的風景與人物照片。
品牌設計與視覺規範網頁設計與數位體驗建置 Landing Page風格鎖定成果可編輯阿爾卑斯拼貼阿爾卑斯 Hero阿爾卑斯搜尋資料測驗
關於此 Skill
把你的行程、嚮導與故事變成完整的山岳旅遊網站：滿版山谷照片、一個巨大的白色文字，以及與 Hero 底部融為一體的深色毛玻璃搜尋列。範例是 Wander North，一家虛構的小團健行公司，共有 30 個相互連結的頁面，以及 20 張出自同一美術方向的照片。
你會得到
- 首頁、可篩選的行程清單、八個行程頁、體驗、靜修、嚮導、旅誌、關於、聯絡、FAQ、電子報、訂購、三題式測驗，以及精心設計的 404 頁
- Hero 搜尋列的篩選條件會即時顯示符合數量，並帶入行程頁面
- 行程頁面附海拔剖面圖、每日行程規劃，以及會自動加總總價與訂金的訂購面板
- 沉穩的動態效果、內嵌的字型與照片，網站可離線使用，也支援手機瀏覽
- Agent 交付網站前會逐項檢查的品質清單
使用方式
- 提供你的公司名稱、行程、嚮導、故事與價格；缺少的部分會以清楚標示的佔位文案草擬。
- 你的 Agent 會生成或放入照片，依你的內容重建每個頁面，並在桌機與手機寬度下逐頁檢查。
- 開啟它交回的單一檔案，點閱各個頁面，再用一般口語提出修改需求。
表單會在頁面上顯示確認，絕不會宣稱完成真實的訂位或付款。使用 Agent 生圖工具製作的新照片，可能產生該工具的使用費用。
開始前需要準備什麼
- 你需要提供
- 公司名稱、地區與你經營的行程類型 · 你的行程、嚮導與故事，附日期、價格與簡短說明 · 你自己的照片，或同意由 Agent 生成照片
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · Agent 內建的生圖工具用於產生新照片，或使用你提供的照片
- 外部費用
- 新照片由你的 Agent 內建的生圖工具產生，可能產生該工具的使用費用。提供自己的照片即可避免，檢視範例完全免費。
- 最近實測
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…