0.先和大家打个招呼吧 
大家好，我是一名普通的产品运营打工人，平时最大的爱好就是旅行 —— 但每次做攻略都让我头大。
说实话，我不会写代码。以前有过好几次想法，最后都卡在「我不会开发」这一步放弃了。这次接触到 TRAE Work，抱着试一试的心态，没想到真的把脑子里的想法变成了能跑的东西。
我的做法特别「笨」：就是把脑子里的想法一句一句讲给它听。第一句说「我想做一个旅行攻略生成器」，它就给我生成了一个创意展示页；第二句说「把它做成真能点的」，它就搭出了完整的交互页面；第三句说「行程展示再好看点」，它就帮我加了标签和预算图表。
最让我觉得「原来这么简单」的一刻，是看到 8 个城市的真实景点数据被自动填进去的时候 —— 我以为这是最难的坎，结果 TRAE 一句话就搞定了。
整个过程像是在和一个懂你的朋友聊天，你负责想，它负责做。三天前我还觉得「做个 App」离我很远，现在我手里已经有了一个能用的 Demo。
（这段不计入评分，但真心推荐每个有想法的人试一试 
）
- Demo 简介
是什么： AI 旅行攻略生成器是一个 Web 应用，用户只需输入目的地、旅行天数、兴趣偏好和预算档次，AI 就能一键生成包含每日行程安排、美食推荐、交通建议、预算估算和实用贴士的完整旅行攻略。
面向谁：
18-35 岁热爱自由行的年轻人（大学生、上班族）
不想做攻略但想出去玩的人
带父母/孩子出游，需要更周全规划的家庭出游者
对目的地不熟悉，需要从零开始规划的出境游小白
主要功能：
智能行程规划 — 根据目的地和天数自动生成每日行程，按时间排序，上午/下午/晚上合理分配，避免路线来回折返
兴趣偏好匹配 — 支持选择「美食探店」「自然风光」「人文历史」「逛街购物」四个维度，AI 根据偏好推荐不同的景点和活动
预算估算 — 根据预算档次（穷游/舒适/品质）自动计算餐饮、门票、交通、住宿的预估花费，可视化展示预算分布
截图位置 1：
截图位置 2：
截图位置 3：
- Demo 创作思路
灵感来源： 自己和身边的朋友每次计划出行，都要在小红书翻攻略、携程看酒店、大众点评找餐厅，信息极度碎片化。做一次 5 天自由行的攻略平均要花 3-6 小时，时间都耗在「找」而不是「玩」上。很多人因此放弃自由行，直接报团或者干脆不出门。
想解决的问题：
旅行信息分散在多个平台，缺乏统一的规划工具
攻略制作耗时过长，门槛高
路线规划不合理，景点之间距离远导致体验差
预算难以预估，到了目的地才发现超支
为什么做这个方向： 旅游是刚需、高频的生活场景，几乎每个人都会遇到「做攻略难」的问题。市面上的旅游 App 偏重预订（酒店、机票），缺少真正好用的「智能规划」环节。AI 恰好擅长信息整合和个性化推荐，非常适合解决这个痛点。选择 Web 应用形态，无需下载安装，打开即用，降低使用门槛。
- Demo 体验地址
本次提交采用 交互式可体验 HTML 文件 的方式：
index.html (40.2 KB)
选择一个目的地（如成都、大理、西安等 8 个城市）
设置旅行天数、兴趣偏好和预算档次
点击「生成旅行攻略」
等待 AI 生成（约 3 秒动画），查看完整行程、预算和贴士
可点击「导出/打印」生成 PDF，或「重新生成」换一个方案
4. TRAE 实践过程
4.1 开发工具
使用 TRAE Work（Auto 模式） 完成 Demo 的全部开发。
4.2 开发流程
第一步：创意提案生成
在 TRAE Work 中用自然语言描述创意想法：
“我想做一个 AI 旅行攻略生成器，用户输入目的地和偏好就能生成完整行程。先生成一个创意提案 HTML 展示页。”
TRAE Work 自动生成了创意提案展示页，包含创意概览、目标用户分析、核心功能介绍等模块。
第二步：Demo 应用开发
在创意提案基础上，继续描述 Demo 需求：
“现在把这个创意做成一个真正能交互的 Demo。用户可以选择目的地（成都、大理、西安等城市），设置天数和兴趣偏好，点击生成后展示每日行程、预算估算和旅行贴士。”
TRAE Work 自动完成了：
页面结构搭建（导航、表单、加载动画、结果展示）
8 个城市的景点/美食数据构建
兴趣偏好筛选逻辑
预算估算算法（基于预算档次乘数）
行程生成和按天分配逻辑
响应式布局适配
第三步：优化迭代
“行程展示需要更清晰，加上时间标签和活动类型标签。预算部分用进度条可视化展示。”
TRAE Work 自动添加了活动标签系统（美食/景点/交通/提示）和预算条形图。
4.3 关键开发步骤截图
截图位置 4： TRAE Work 对话 — 描述 Demo 需求（第一步）
截图位置 5： TRAE Work 生成代码过程 — 页面结构和数据构建
截图位置 6： TRAE Work 对话 — 优化迭代（标签系统和预算可视化）
4.4 Session ID
以下 Session ID 为示例，请替换为你实际的 TRAE 对话 Session ID。 获取方法：双击 TRAE 的对话头像即可复制 Session ID。
Session ID 1: 2578814226406633:6a685dd799c0ed0ddd46327bf8ccdc53_6a3cdd1248001dc38d432ce6.6a533576e5ba658f54509692.6a533575d6d0da086dba6256:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/12 14:34:30)
Session ID 2: 2578814226406633:e19fe28ccfe9abbbf2f8ba81a9dddc4d_6a3cdd1248001dc38d432ce6.6a53363be5ba658f545096a7.6a53363bf855007b5ce2ec44:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/12 14:37:47)
Session ID 3: 2578814226406633:d3767086371ac780cb7d670560963c1c_6a3cdd1248001dc38d432ce6.6a5336a8e5ba658f545096c2.6a5336a886bd58149cca4e08:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/12 14:39:36)
4.5 开发心得
自然语言驱动开发：整个 Demo 从创意到可交互应用，全程通过自然语言对话完成。TRAE Work 的 Auto 模式能准确理解需求意图，自动选择合适的技术方案。
数据驱动设计：8 个城市的数据结构统一设计，包含美食/自然/人文/购物四个维度的活动数据，便于根据用户偏好灵活组合。
快速迭代：从创意提案到完整 Demo，总共迭代了 3 轮对话。每一轮都能在几分钟内看到效果，大大缩短了开发周期。
体验优先：加入了加载动画、活动标签、预算可视化等细节，让 Demo 不只是「能用」，而是「好用」。
- 报名帖链接
【生活娱乐】AI 旅行攻略生成器
