0. 先和大家打个招呼吧
大家好，我是一名正在尝试用 AI 把产品想法变成现实的研究生和独立开发者。
我没有先写完整代码，而是把脑海里的使用场景、页面流程和产品原则逐步告诉 TRAE：用户为什么总说“我都行”、哪些信息必须保密、最终结果应该怎样揭晓。TRAE 帮我快速完成了页面、交互和共识计算逻辑，我则不断实际体验、发现问题，再让它修改。
让我感受最明显的是：原本以为需要先掌握大量前端知识才能做出的交互 Demo，现在可以通过“提出需求—查看效果—指出问题—继续修改”的方式逐步完成。TRAE 帮我跨过了从产品想法到可运行 Demo 的第一道门槛。
1. Demo 简介
是什么： “都别装”是一款面向朋友聚会和临时群体活动的多人共识产品。模拟"多人秘密提交条件 → 系统计算交集 → 只公布共识结果"的完整流程，双击即可在浏览器打开体验。
面向谁： 经常在微信群里纠结"今晚去哪"“周末干什么"的年轻群体——嘴上说"我都行”，心里其实有明确偏好的社交参与者。
主要功能：
-
秘密提交：每位参与者匿名提交自己的真实条件（活动类型、预算范围、时间偏好），其他人完全看不到任何个人答案 -
共识算法：系统自动计算所有人的交集，找出大家都能接受的共同方案——活动取交集、预算取区间、时间取范围 -
只公布结果：不公开任何个人立场，只展示最终达成共识的方案，保护每个人的社交体面
产品截图：
首页 - 产品入口
秘密提交 - 匿名填写条件
揭晓过程 - 演算动画
结果卡 - 共识达成
2. Demo 创作思路
灵感来源：
每次朋友聚会，微信群里的对话永远是：
“今晚去哪？” “都行” “随便” “看你们”
但真定下来又有人不满意。这种"表面随和实则纠结"的社交困境，相信每个人都经历过。我就想：能不能让大家不说谎也能达成共识？
想解决的问题：
-
群聊决策效率极低，"我都行"是最常见的谎言
-
公开表态有社交压力——不想因为自己让别人迁就，也不想被别人迁就
-
现有工具（投票、接龙）都会公开每个人的选择，不够体面
为什么做这个方向：
核心理念只有一句话：不公开立场，只公开交集。
每个人秘密提交真实条件，系统只计算并公布大家都能接受的方案。你不需要暴露"我想去唱歌"，只需要知道"原来大家都OK去唱歌"。这不是技术难题，是一个社交心理问题——而我觉得，解决社交心理问题的产品，比解决技术问题的产品更有价值。
3. Demo 体验地址
本 Demo 为单文件 HTML，零外部依赖，双击即可在浏览器打开体验。
体验方式：
-
下载下方附件
都别装-demo.html (38.1 KB)
-
浏览器直接打开，无需服务器、无需安装任何环境
建议体验三种场景：
| 场景 | 操作方式 | 预期结果 |
|---|---|---|
| A. 正常成局 | 选择有重叠的活动、预算有交集 | 成功达成共识，显示共同方案 |
| B. 人数不足 | 将成局人数滑块调高 | 显示"未能达成共识，人数不足" |
| C. 无共同活动 | 选择完全不同的活动类型 | 显示"无共同活动" |
4. TRAE 实践过程
本作品完全使用 TRAE WORK 开发完成，经历了三个关键阶段：先开发核心功能，再优化视觉交互，最后进行质量审查和修复。
Step 1：核心功能开发
做的事情：
-
开发完整的8步交互流程：首页 → 秘密提交 → 等待其他人 → 揭晓前确认 → 演算过程 → 结果揭晓 → 分享页 → 重新体验
-
实现用户填写功能：活动多选、预算滑块、时间滑块、成局人数设置
-
开发共识算法：共同活动取交集、预算取区间、时间取范围，排除选择"今晚到这"的参与者
-
生成单文件HTML，零外部依赖
关键任务 Session ID： 1725598180068154:eaeb4ca6f81988f5a7d2c003e5372925_6a573fc1b0bfc795fc823147.6a573fc1b0bfc795fc82314a.6a573fc1b0bfc795fc823148:TRAE Work CN.0.1.34.no_sid.no_ppe.T(2026/7/15 16:07:29)
Step 2：视觉与交互优化
做的事情：
-
视觉风格：深色夜晚聚会氛围、米白色票据卡片、荧光绿/橙色重点色
-
交互效果：3D翻转动画、卡片汇聚、演算提示逐条出现、结果卡荧光边框浮现
-
响应式适配：移动端小程序式布局
关键任务 Session ID： 1725598180068154:96669a3e6f585b49c43a5255d035f46b_6a57514db0bfc795fc8231a5.6a57514db0bfc795fc8231a8.6a57514db0bfc795fc8231a6:TRAE Work CN.0.1.34.no_sid.no_ppe.T(2026/7/15 17:22:21)
Step 3：质量审查与修复
做的事情：
-
逐项检查12项质量要求
-
发现并修复7项问题：人数不足显示错误、无共同活动结果为空、滑块状态重置、时间比较bug等
-
测试三组场景：正常成局、人数不足、无共同活动
关键任务 Session ID： 1725598180068154:d5b852df33d9ea70151ad77b82067ee8_6a579d41b0bfc795fc82320e.6a579d41b0bfc795fc823211.6a579d41b0bfc795fc82320f:TRAE Work CN.0.1.34.no_sid.no_ppe.T(2026/7/15 22:46:25)
开发心得
-
描述比编码更重要：把需求讲清楚，TRAE 就能帮你实现
-
迭代是常态：第一版有bug很正常，把问题描述清楚就能修复
-
质量审查不能省：系统性检查会暴露很多边界问题
-
单文件HTML是最佳选择：零依赖、双击即用，评审体验成本最低
5. 对应的报名审核通过的帖子链接
报名帖链接：【生活娱乐赛道】都别装——低社交压力的群体决策小程序 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区