Preview gallery
关于这个 Skill
建立一个完整的山地旅游网站：一张全出血的山谷照片，一个巨大的白色显示字，一个融合在英雄底部的深色玻璃搜索栏和交错的圆形风景照片。工作示例 Wander North 是一家虚构的小团体步行公司，拥有 30 个相互连接的页面，从可过滤的旅程和指南资料到预订和旅行测验。默认情况下，您会获得一个独立的文件，该文件可以在任何浏览器中打开并离线工作。
Picked most often by
About this Skill
将您的旅行、指南和故事变成一个完整的山地旅游网站：一张全出血的山谷照片、一个巨大的白色单词和一个融合在英雄底部的深色玻璃搜索栏。所用的例子是 Wander North，这是一家虚构的小团体步行公司，有 30 个相互连接的页面和来自一个艺术方向的 20 张照片。
What you get
- 主页、带过滤器的旅程、八个旅程页面、体验、静修、指南、日记、关于、联系方式、常见问题解答、时事通讯、预订、三问题测验和设计的 404
- 英雄搜索，其过滤器显示实时比赛计数并延续到旅程页面
- 旅程页面包含海拔剖面图、每日计划以及可汇总总金额和押金的预订面板
- 平静的动作、嵌入的字体和照片以及可以离线和在手机上运行的网站
- 您的智能体在移交场地之前要完成的质量检查表
如何使用
- 分享您的公司名称、行程、指南、故事和价格；任何缺失的内容都会起草为明确标记的占位符副本。
- 您的智能体生成或放置照片，围绕您的内容重建每个页面，并在桌面和手机宽度上检查每个页面。
- 打开它返还的单个文件，点击页面并用简单的文字询问更改。
表格在页面上确认，绝不要求真正的预订或付款。使用智能体的图像工具制作的新照片可能会产生该工具的使用费。
What you need before you start
- You bring
- 公司名称、地区和您运营的旅行类型 · 您的旅程、指南和故事（包含日期、价格和简短描述） · 您自己的照片，或允许您的智能体生成这些照片
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image generation tool in your agent for new photos, or photos you supply
- Outside costs
- 新照片是使用智能体自己的图像工具生成的，这可能会产生该工具的使用费。提供您自己的照片可以避免这种情况，并且查看示例不需要任何费用。
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- Wander North 已完成的 30 条路线示例网站：八个旅程页面、三个指南简介、三篇文章、预订、常见问题解答、联系方式、测验和设计的 404，带有 20 张照片。
- 工作控制：带有实时比赛计数的英雄搜索、旅程过滤器和排序、带有运行总计和存款的预订面板、经过验证的表格和引人注目的移动菜单。
- 您自己的网站作为一个嵌入 Geist 字体的离线文件，加上样式规则、带有提示的图像计划、运动系统和您的智能体构建所依据的质量检查表。
Good fit
- 步行、骑自行车或滑雪旅游经营者和山区旅馆想要一个平静的、以照片为主导的网站。
- 小型旅游品牌需要许多真实页面（旅行、指南、故事、预订）而不是一个登陆页面。
- 创始人希望他们可以将网站作为一个文件打开、查看和托管，而无需设置构建。
Not for
- 实时预订或付款：表单在页面上进行验证和确认，但在您连接实际服务之前不会发送任何内容。
- 想要深色、霓虹灯或强烈动画外观的品牌；这个设计轻盈、摄影且平静。
- 没有摄影的网站：英雄、旅程卡和拼贴依赖于强大的风景和人物照片。
品牌识别和视觉系统网页设计和数字体验构建登陆页面Style-lockedEditable Output高山拼贴高山英雄高山搜索数据测验
User reviews
Loading reviews…
