- 一个平平无奇的普通鱼
-
你是谁：准大二学生
-
为什么想做这个作品：做这个作品的初衷很简单：自己和另一半经常面临「周末去哪儿」的灵魂拷问，刷点评刷到眼花、收藏一堆却从未去过。我想用技术把两个人的喜好和城市的可能性连接起来，让每次约会都不再是将就。
-
你的Vibe Coding/编程年限：一个多月；
-
性格、特点标签：想到什么立马完成的行动派，一个相处下来很有趣的人，致力于做有温度的产品、用 Vibe Coding 把灵感快速变成现实、细节控。
- 产品简介
-
是什么：恋人城市指南（Couple City Guide）是一款面向情侣的双人城市约会指南 Web 应用。它解决的核心问题是：「两个人去哪儿约会、怎么约会」——把城市探索、喜好匹配、AI 路线规划和纪念日管理整合到一个有温度的产品里，让每一次约会都不再是选择题，而是一份量身定制的指南。
-
**面向谁：核心用户为 18-35 岁的恋爱中情侣，尤其是刚在一起不久、缺乏约会经验的新情侣，以及想给伴侣制造惊喜但不擅长策划的人。典型场景包括：周末不知道去哪约会、纪念日想制造惊喜、雨天不想出门但又要约会、第一次约会紧张不知道聊什么、想发朋友圈但不会写文案、想表白但不知道怎么开口。
-
**完整功能：复赛版本已从初赛 Demo 成长为一个功能完整的成品，覆盖 19+ 核心功能模块，形成完整的用户使用闭环：
-
城市选择（基础）：13个预设城市 + 更多省市展开 + 自定义城市输入
-
实时天气（新增）：温度/体感/湿度/风速/降雨概率/日落时间/三日预报/出行建议
-
城市诗意欢迎语（基础）：每城专属文化描述，如成都「巴适得板，慢慢吃慢慢爱」
-
打卡点推荐（基础）：19 个/城，含描述/小贴士/氛围标签/地图链接/收藏
-
约会地点推荐（基础）：10 个/城，含特色餐厅/酒吧/茶馆/咖啡馆等
-
约会活动推荐（基础）：14 个/城，含在地文化体验/户外/室内活动
-
AI 恋爱军师（升级）：这是全站的大脑。接入大语言模型，把【你所在的城市 + 双人 62 项喜好 + 约会记忆 + 实时天气】四路上下文注入同一段对话，生成的不是模板文案，而是"只属于你们俩"的约会方案；Key 服务端保管、前端零暴露，30 秒超时自动降级本地规则引擎，AI 挂了也能离线出方案。
-
随机约会计划（基础）：可选 1-7 天/预算 0-3000 元，生成带地图路线的计划
-
双人喜好设置（基础）：62 个标签（忌口 10 + 喜欢 15 × 双人），支持自定义
-
氛围筛选（基础）：全部/浪漫/文艺/活力/治愈 五种氛围过滤
-
喜好优先排序（基础）：按双人匹配度排序，卡片显示匹配标签
-
收藏管理（基础）：添加/取消收藏，我的收藏 Tab 汇总查看
-
纪念日管理（基础）：添加/编辑重要日期，首页展示倒计时提醒
-
约会记忆（升级）：从初赛「约会历史」升级为「约会记忆」，把生成的约会计划标记为已完成后会出现评分按钮，评分后系统按照评分进行避雷或种草
-
地图集成（基础）：高德地图跳转，每个地点一键查看附近地图
-
深色模式（基础）：一键切换深色主题，夜间使用更舒适
-
跨设备同步（升级）：从「导出/导入数据」升级为跨设备同步，生成同步码，发给自己另一方，情侣共享数据
-
新手引导（新增）：首次进入有 onboarding 流程，降低新用户认知门槛
-
分享计划（新增）：生成约会计划后可一键分享，生成文案分享给另一半
用户使用路径：开启旅程 → 选择城市 → 设置双人喜好 → 浏览推荐
→ 氛围筛选 → 喜好优先排序 → AI 军师生成路线 → 收藏 & 分享
→ 记录纪念日 → 查看约会记忆 → 跨设备同步 -
-
核心亮点 · AI 恋爱军师：它不是普通 AI 助手，而是真正"懂你们"的军师——记得你们喜欢的城市、忌口的食物、去过的约会、共同的纪念日，还会结合当天实时天气给建议。今天下雨，它主动推室内方案；今天晴天，它提醒你"上天送的约会券别浪费"。它给的每一个答案，都是只属于你们俩的答案。
-
市面上的约会工具大多是"信息罗列器"，而恋人城市指南是"懂你们的 AI 军师"——它把城市、喜好、记忆、天气揉进每次对话，把"一堆选项"变成"一个只属于你们的答案"。
-
**相比初赛 Demo 的升级：**简述从 Demo 到复赛成品，你新增或打磨了哪些功能与体验。
功能模块 初赛 Demo 复赛完整版 状态 实时天气 无 温度/湿度/风速/三日预报/出行建议，城市切换联动 新增 新手引导 无 首次进入有 onboarding 覆盖层，降低认知门槛 新增 分享功能 无 生成约会计划后可一键分享给另一半 新增 数据管理 导出数据 + 导入数据 跨设备同步 + 导入数据，情侣可共享数据 升级 AI 对话命名 AI 助手 AI 恋爱军师，接入大模型上下文注入+本地降级 升级 历史/记忆 查看约会历史 查看约会记忆（"记忆"更感性） 升级 代码规模 ~350KB / 4 个脚本 ~420KB / 10 个脚本，增约 20% 升级 城市/推荐 13 城 / 19+10+14 推荐 保持一致 一致
- 产品演示视频:
- 4.15 复制打开抖音，看看【叫我文静人的作品】复赛作品介绍 # vibecoding大赏# TR… https://v.douyin.com/VRpTASH5kNY/ Duf:/ 12/05 j@P.Kj :3pm
- 产品创作历程:
-
【PHASE 01 · 灵感诞生】从「周末去哪儿」的灵魂拷问开始
灵感来源于真实的生活痛点：自己和另一半每到周末就面临「去哪儿约会」的选择困难。点评刷到眼花、收藏一堆却从未去过、两个人的喜好对不上。我想做一个工具，把两个人的喜好和城市的可能性连接起来，让约会不再是选择题，而是一份量身定制的指南。
-
【PHASE 02 · 初赛 Demo】从想法到可跑通的 MVP
初赛阶段的核心目标是验证产品逻辑：城市选择 → 推荐内容 → 喜好匹配 → AI 路线生成。使用 TRAE 快速搭建了 Web 应用的骨架，完成了 13 个城市的数据填充、打卡点/约会地点/活动推荐、双人喜好设置、AI 对话和随机约会计划生成等核心功能。初赛 Demo 证明了产品方向可行，但体验上还比较粗糙——没有天气信息、没有新手引导、数据管理只有简单的导出导入。
-
【PHASE 03 · 复赛打磨】从功能可用到体验完整
复赛阶段的核心目标是把 Demo 打磨成成品。围绕初赛体验中发现的问题，进行了 5 项关键升级：
① 新增实时天气模块——初赛缺少天气信息，用户无法判断当天是否适合户外约会。复赛引入实时天气数据，展示温度、湿度、风速、降雨概率、日落时间、三日预报和出行建议，城市切换后天气联动更新。
② 新增新手引导流程——初赛没有 onboarding，新用户进入后不知道从何开始。复赛增加了首次进入的引导覆盖层，通过「开启旅程」入口帮助用户快速上手。
③ 新增分享功能——初赛生成的约会计划只能自己看，无法传递给另一半。复赛增加了分享覆盖层，生成计划后可一键分享给 TA。
④ 数据管理升级为跨设备同步——初赛只有简单的导出/导入数据，情侣无法在不同设备间共享。复赛升级为跨设备同步，情侣可以在各自手机上看到同一份数据。
⑤ 品牌文案情感化——「AI 助手」升级为「AI 恋爱军师」、「约会历史」升级为「约会记忆」，让产品的每一个触点都更有情感温度。
-
【PHASE 03.5 · AI 军师的三次进化】初赛的 AI 只是"能回答"，复赛的 AI 是"懂你们"。这一版我做了三件事：① 把城市候选地点注入 system prompt，让 AI 推荐的都是真实存在的地点；② 把双人喜好和约会记忆拼进上下文，让推荐真正做到个性化；③ 加 30 秒超时降级，保证即使 AI 服务不可用，本地规则引擎也能兜底出方案。每一步都是在 TRAE 里用自然语言对话迭代出来的，这也是我理解"AI 开发"最深的收获。
-
【PHASE 04 · 关键技术决策】用 TRAE 实现从 0 到 1 的全流程开发
在开发过程中，最重要的技术决策是完全使用 TRAE 进行 Vibe Coding。从 UI 设计到功能实现、从数据结构到交互逻辑，通过自然语言描述需求，TRAE 帮助快速生成和迭代代码。这让我能专注于产品体验本身，而非陷入底层技术细节。过程中遇到的关键问题包括：弹窗遮挡导致分享交互无响应（通过 pointer-events 修复）、AI 标签切换被横幅遮挡（通过 z-index 管理修复）等，均在 TRAE 的辅助下快速定位和解决。
- TRAE 实践过程:
-
清晰展示使用 TRAE 完成产品开发的完整流程；
-
使ai助手合为一个界面3682690187673824:ebccdd5b468b9c583fcfec32f1642461_6a62ce1ff30ac6556543c7a3.6a6358be212d94f042268aa3.6a6358bcbad6038bcdc0d5c3:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/24 20:43:40)
-
根据初赛评委评价改善历史功能3682690187673824:879f7d4bbc17c2eea0dd4c2ef4c649ab_6a600ba764323da7b1d2a0a3.6a605e33a21227cdab0f0f69.6a605e337e3702f199ba8767:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/22 15:01:48)
优化图标3682690187673824:b1a74a42bdd785706e88cd2a6e404166_6a62ce1ff30ac6556543c7a3.6a64038b875b531e6c148f83.6a6403882a57fb4c796a4da5:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/25 08:50:19)
3682690187673824:21ae6356dd73dbb2c4bc2aa9136d0244_6a62ce1ff30ac6556543c7a3.6a6394ba2438c7f6b5581418.6a6394ba94742d85718a843e:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/25 00:48:48)
3682690187673824:957c054a67fc401009ad715f88cebb6c_6a62ce1ff30ac6556543c7a3.6a640904875b531e6c149161.6a64090371fafeb6d1213211:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/25 08:53:57)
修改本地数据迁移失败的问题3682690187673824:a8a6a5b74d14697ee9251294f490fac0_6a6457084f7019543286a0ab.6a6457098fa40f7af4948cf2.6a6457084f7019543286a0ac:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/25 14:28:41)
3682690187673824:d12c681674014eb74d6f93a3f0c6723e_6a6457084f7019543286a0ab.6a6457e88fa40f7af4948d6a.6a6457e747b3097e5ea1d117:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/25 14:36:49)
3682690187673824:7048a3d02d3d8c2b0ad79e094a522095_6a6457084f7019543286a0ab.6a6459d78fa40f7af4948e0c.6a6459d76ffc7420a25dd576:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/25 14:38:58)
增加天气同步功能3682690187673824:2685873c352d9711af9abc1f01c95438_6a62ce1ff30ac6556543c7a3.6a6307f7ca20868fe65bc757.6a6307f6cab7a2af36e6717d:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/24 14:43:36)
加分建议：如能进一步补充技术方案分享(技术栈、关键实现思路，对应「技术实现」)、商业化或社会价值分析、产品迭代规划等内容，准备越充分，越有助于在复赛中获得更高评分。
技术栈：HTML5、CSS3、JavaScript（原生）、高德地图 API、天气数据 API、LocalStorage、Surge.sh 部署，阿里云代理后端进行ai调用、代理接口加入鉴权
关键实现思路：
-
前端＋阿里云轻量后端代理鉴权api key：阿里云轻量后端依赖，数据存储在 LocalStorage，通过跨设备同步码实现数据共享，降低部署和运维成本。
-
数据驱动渲染：城市数据、推荐内容、喜好标签全部以 JSON 结构存储，前端动态渲染卡片，新增城市只需扩展数据文件。
-
双人喜好匹配算法：62 个标签维度（忌口 10 + 喜欢 15 × 双人），计算匹配度并影响推荐排序，卡片上展示匹配标签。
-
AI 恋爱军师：接入大语言模型，经云端代理调用（Key服务端保管，前端零暴露）；systemprompt注入城市候选地点、双人喜好、约会记忆，实现个性化推荐与避坑；30秒超时降级到本地规则引擎。
-
响应式设计：CSS 变量统一管理设计令牌，支持深色模式一键切换，移动端优先适配。
-
交互细节优化：弹窗使用 pointer-events: none 避免遮挡底层交互，z-index 分层管理避免标签切换冲突。
-
安全加固：AI 代理接口增加请求头 Token 鉴权与基于 IP 的频率限制（每 IP 每分钟 20 次），防第三方盗调与刷爆额度；CORS 精准放行业务所需请求头，兼顾安全与体验。
【商业化与社会价值分析】
商业化路径：
- 本地生活导流：与餐厅、酒吧、活动主办方合作，推荐卡片中植入优惠入口，按 CPS 分成
- 会员订阅：免费版提供基础推荐，会员解锁 AI 深度定制路线、专属纪念日提醒、更多城市数据
- 品牌联名：与情人节、七夕等节点品牌合作，推出限定城市约会主题包
- 数据洞察：匿名聚合情侣约会偏好趋势，为本地商家提供消费洞察报告
社会价值：
- 促进情感连接：帮助忙碌的都市情侣找回约会的仪式感，在快节奏生活中守护两个人相处的时间
- 城市文化推广：每个城市的推荐内容融入本地文化特色（如成都「巴适得板」、北京「红墙金瓦」），帮助用户发现城市之美
- 降低决策焦虑：通过 AI 和喜好匹配减少「选择困难症」，让约会回归享受而非纠结
【产品迭代规划】
短期（1-3 月）—— 城市覆盖扩展 & 数据深化：
扩展至全国所有省会城市及热门旅游城市；每个城市的推荐内容从当前的 19+10+14 扩展到 30+15+20；引入用户 UGC 投稿，让情侣分享自己的私藏约会地点。
中期（3-6 月）—— AI 能力升级 & 社交功能：
AI 恋爱军师升级为多模态对话（支持语音输入）；增加情侣互动功能——双方可以各自标记「想去」和「去过」，生成共同愿望清单；纪念日提醒支持推送通知。
长期（6-12 月）—— 平台化 & 生态构建：
从工具应用升级为情侣生活方式平台：接入票务预订、餐厅订座、打车等本地生活服务 API；推出小程序版本降低使用门槛；探索情侣消费数据分析与个性化电商推荐。
=====================================================
写在最后 
这个作品的每一个功能、每一段文案、每一个交互细节，都是在 TRAE 的陪伴下，从一个「周末去哪儿」的灵感逐步生长为一个完整的产品。技术的终点是温度——希望恋人城市指南能让每一对使用它的情侣，在平凡的日子里找到不平凡的相处方式。
=====================================================