网页付费 已验证

云航线图鉴

为虚构的目的地品牌打造高完成度旅行落地页技能。页面结合云层渐变、目的地数据标签、航程信息与平静清晰的转化路径,形成适合品牌发布、咨询获客和后续编辑的响应式网页。

你会得到

  • 一套完整的响应式落地页,包含导航、首屏、目的地数据标签、信任证明、特色、用户评价、常见问题、行动号召和页脚。
  • 具有辨识度的云航线视觉语言,包括浅色渐变、弧线路线、目的地标记和编辑感衬线标题。
  • 包含季节、飞行时长、旅行氛围和规划信息的可信目的地文案。
  • 语义化响应式结构、键盘友好控件、高对比度配色、无障碍焦点状态和离线可用系统字体。
  • 便于编辑的 HTML 或组件输出,并集中管理颜色、字体、间距、圆角和图片样式变量。

适合

  • 正在推出精品旅行品牌官网的工作室或独立创始人
  • 希望把目的地浏览转化为有效咨询的精品行程服务
  • 需要鲜明视觉概念来展示旅行品牌方向的品牌设计师

不适合

  • 需要实时库存、支付和出票能力的在线预订流程
  • 面向内部运营、强调密集表格与流程控制的行程管理后台

你需要提供

  • 旅行品牌名称、服务内容、目标受众和主要转化动作
  • 三个至五个目的地,以及航线信息、季节和图片方向
  • 品牌素材、CTA 跳转地址和必需的法律文本

运行要求

  • A modern browser
  • Node.js 20+ for the validator

运行成本

No external services. Runs entirely on your agent.

试试这个提示词

/sl-cloud-jet-travel-landing-page 为 Northline Passage 制作响应式页面,面向计划安静海岸旅程的旅行者。按此顺序:导航;分栏首屏“Follow the weather. Find your way.”;路线优势;三个目的地选择;四项数据;客户评价;目的地图集;FAQ;结尾 CTA“Your next route can start with one good question.”及“Shape your route”;页脚。采用 Cloud Route Atlas 风格:通透冰蓝、衬线标题、细腻渐变、目的地图片和可编辑独立 HTML。

后续提示词

  • 保留云航线视觉,为一家小型欧洲旅行工作室替换为三个海岸目的地。
  • 在最终 CTA 后增加简洁咨询表单,字段包括目的地、出行月份、人数和邮箱。
  • 创建同一视觉系统的 React 版本,并实现支持键盘操作的目的地标签组件。

验证情况

已验证

render-checkpass4.0 / 526s

常见问题

目的地标签可以连接真实预订数据吗?

本技能负责生成展示层和无障碍交互模式。实时数据需要另行接入预订或库存 API,并应清晰标注实时状态,同时保留静态内容作为兜底。

可以使用自己的目的地照片吗?

可以。替换示例图片方向时,请保留建议的裁切比例、文字对比度和云航线叠加效果,让每张图片继续承担明确的目的地叙事。

这个页面适合移动端发布吗?

适合。布局会收缩为易读的单列结构,保留航线选择器,确保按钮适合触控,并避免风景图遮挡关键信息。

相似技能

云航线图鉴 · SkillLoom