高山户外旅行网站v1.0.2
使用这个 Skill：制作落地页。
上升中
5.022 次下载1 次喜欢0 次收藏
$4.99
购买这个 Skill 能获得什么？打造一个完整的山地旅行网站：满屏山谷照片、一个巨大的白色展示词、贴在 Hero 底边的深色玻璃搜索条，以及错落排布的圆角风景照。示例是虚构的小团徒步旅行社 Wander North，共 30 个相互连通的页面，从可筛选的行程、向导介绍到预订和行程小测验一应俱全。默认交付单个自包含文件，任何浏览器都能打开，离线可用。
更新于 2026年10月3日
效果预览
相似 Skill
查看全部 Skills
你将获得
- 完整的 Wander North 示例站，共 30 个路由：8 个行程详情页、3 位向导、3 篇文章、预订、FAQ、联系页、小测验和精心设计的 404，配 20 张照片。
- 可用的交互：带实时匹配数的 Hero 搜索、行程筛选与排序、自动计算总价和订金的预订面板、内联校验的表单，以及锁定焦点的移动端菜单。
- 你自己的网站以单个离线文件交付，内嵌 Geist 字体；另附风格规范、带提示词的配图计划、动效系统和质检清单，供 Agent 照着搭建。
适合
- 想要安静、以照片为主的网站的徒步、骑行、滑雪旅行社和山间民宿。
- 需要大量真实页面（行程、向导、故事、预订）而不只是一张落地页的小型旅行品牌。
- 希望网站能作为一个文件直接打开、审阅和托管、不想搭建构建流程的创业者。
不适合
- 真实预订或支付：表单会校验并在页面内确认，但在接入真实服务前不会发送任何内容。
- 想要深色、霓虹或大量动画风格的品牌；这套设计明亮、以摄影为主、节奏舒缓。
- 没有摄影素材的网站：Hero、行程卡片和拼贴都依赖高质量的风景和人物照片。
品牌建立与视觉规范网站与数字体验制作落地页风格锁定成果可编辑Alpine CollageAlpine HeroAlpine SearchData Quiz
关于此 Skill
把你的行程、向导和故事变成一个完整的山地旅行网站：满屏山谷照片、一个巨大的白色单词，以及贴在 Hero 底边的深色玻璃搜索条。示例是虚构的小团徒步旅行社 Wander North，共 30 个连通页面，20 张照片出自同一种摄影风格。
你将获得
- 首页、可筛选的行程页、8 个行程详情页、体验、静修、向导、日志、关于、联系、FAQ、订阅、预订、三题小测验和精心设计的 404
- Hero 搜索的每个筛选项都显示实时匹配数，并把条件带到行程页
- 行程详情页包含海拔剖面、逐日安排，以及自动累计总价和订金的预订面板
- 舒缓的动效，字体和照片均已嵌入，离线和手机上都能正常使用
- 一份质检清单，Agent 交付前会逐项核对
如何使用
- 提供公司名称、行程、向导、故事和价格；缺少的内容会以明确标注的占位文案补齐。
- Agent 生成或放入照片，围绕你的内容重建每个页面，并在桌面和手机宽度下逐页检查。
- 打开交付的单个文件，逐页点击浏览，用日常语言提出修改。
表单只在页面内确认，绝不声称已完成真实预订或付款。用 Agent 的图像工具生成新照片可能产生该工具的使用费用。
开始前需要准备什么
- 你需要提供
- 公司名称、所在地区和你经营的行程类型 · 行程、向导和故事，附日期、价格和简短介绍 · 你自己的照片，或允许 Agent 为你生成照片
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本，用来运行随附脚本，生成单个离线网页文件 · 生成文件时需要联网，字体只下载一次并嵌入文件 · Agent 中的图像生成工具（用于新照片），或由你提供照片
- 外部成本
- 新照片由 Agent 自带的图像工具生成，可能产生该工具的使用费用。使用你自己的照片即可避免，浏览示例不产生任何费用。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…