
效果预览
相似 Skill
查看全部 Skills你将获得
- 为你的品牌生成一个自包含网站文件,字体和图片已内嵌,任何浏览器打开、离线可用;已有框架项目时则移植进该项目。
- 可用的预订流程:机场联想输入、双月区间日历、旅客与舱位选择、可筛选的结果页、座位图,以及带确认页的三步预订。
- 标志性视觉:浅蓝底、白色外壳、银色飞机 Hero、行程类型标签、登机牌式票价卡和通透的酒店卡片;示例共 20 个页面、15 张专门生成的图片。
适合
- 想要一个安静、高级的预订前端的旅行社、航空公司和酒店集团。
- 能把自家套餐或住宿对应到机票与酒店板块的旅游运营商和别墅代理。
- 想在接入真实库存前,先拿可点击的预订原型去找用户测试的团队。
不适合
- 实时航班库存、支付或真实订单;表单只显示如实的演示确认。
- 想要深色、高密度或大量插画风格,而不是轻盈白色外壳的品牌。
- 把虚构的 Aero & Away 品牌、酒店或顾问当成真实业务发布。
品牌建立与视觉规范网站与数字体验制作落地页风格锁定成果可编辑Data TabsFlightHeroHotel
关于此 Skill

Airy Flight Booking Landing 用来搭建一整套机票加酒店预订网站,风格轻盈克制:浅蓝底色、白色圆角外壳、两行大写标题下方一架银色飞机,再配一张带行程类型标签的搜索卡。示例是虚构旅行社 Aero & Away,共 20 个互相连通的页面,搜索、结果、选座和预订都能真实操作。

你将获得
- 一个自包含的网站文件,字体和图片都已内嵌,任何浏览器直接打开,离线也能用。如果你已有框架项目,则把设计移植进该项目。
- 完整的页面体系:航班搜索与结果、带座位图的精选航班、酒店列表与详情、特价、航空公司、帮助中心、三步预订、联系、登录,以及有用的 404 页。
- 每个控件都有可见反馈:机场联想输入、双月区间日历、旅客与舱位上限、筛选、排序、空状态和预订确认页。
- 全站统一的配图方向:柔和日光,浅天蓝、粉白与沙色,每家酒店都以竖版卡片完整入画。
- 克制的入场与页面淡入动效,绝不遮挡内容,并支持减少动态设置。

如何使用
- 提供品牌名、目标用户、航线或目的地、酒店、票价和客服信息。没给的内容会先写成合理的占位文案,并单独列出请你确认。
- 发来你自己的照片,或让 Agent 按同样的柔和日光风格生成新的酒店、目的地和团队图片。飞机、客舱和两张航班图比较中性,可以直接保留。
- 在桌面和手机上逐页打开,试一遍搜索、筛选和预订步骤,再提出修改。

字体为 Instrument Sans 与 Geist Mono,已内嵌进文件。新图片由你的 Agent 自带的图像工具生成,可能产生该工具的使用费;示例本身不会真的预订或扣款。
开始前需要准备什么
- 你需要提供
- 品牌名、目标用户,以及你销售的航线或目的地 · 酒店、票价和客服信息,或允许先写占位内容再由你确认 · 你自己的照片,或同意生成新的酒店、目的地和团队图片
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 自带的图像工具或你自己的照片,用于品牌专属的酒店、目的地和团队图片 · 用于预览和逐页检查的现代浏览器
- 外部成本
- 新的酒店、目的地和团队图片由你的 Agent 自带的图像工具生成,可能产生使用费。没有图像工具时可用自己的照片;中性的飞机、客舱和航班图可以作为占位保留。浏览示例不产生费用。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…








