0. 先和大家打个招呼吧
大家好，我是一名经常和朋友聚餐打工人。每次吃套餐，结账时那句"AA吧"总让气氛变得微妙——有人吃得少却要均摊全额，有人点了最贵的菜只付一样多。这个想法就这么来的。
这次用 TRAE 做 Demo 的体验非常顺畅。我完全没有前端开发经验，但我只需要用自然语言一步步描述我想要什么，TRAE 就能理解并实现。从最开始的"帮我做一个套餐AA计算器"，到"把单价和数量拆开"、“加上比例标签”、“做滑动模式”、“生成海报能保存JPG”，每一步都是像跟一个很聪明的小伙伴对话。最让我惊喜的是自定义弹窗系统那一步——浏览器不支持原生 prompt，TRAE 自己想到了替代方案并且一次性实现。整个过程中我完全不需要写代码，只需要把脑子里的想法说清楚，TRAE 帮我跨越了从"想法"到"可用产品"的全部技术门槛。
1. Demo 简介
是什么： 一个微信小程序形态的轻量级工具，打开即用，无需注册。
面向谁： 20-35 岁经常和朋友、同事聚餐的年轻人，尤其是经常吃固定套餐（烤鱼、火锅、日料等）的都市白领和大学生。
主要功能：
-
按菜品比例分账： 核心算法为"每人应付 = 本人消费原价占比 × 套餐总价"，彻底告别简单均摊的不公平。
-
双模式输入： 提供"标签快选"（全份/半份/尝一口/不吃/自定义比例）和"滑动条"两种输入方式，可单独使用也可同时显示，适应不同用户习惯。
-
一键生成海报： 自动生成账单海报 JPG 并下载，直接分享到群聊，省去口头解释的尴尬。
-
历史记录： 保存每次分账数据，随时可回溯和恢复。
2. Demo 创作思路
灵感来源： 我和朋友聚餐时经常遇到套餐分账问题。四个人吃一份烤鱼套餐，有人全吃了，有人只尝了一口，均摊显然不合理。有人开玩笑说"以后谁吃多少自己算"，但真到结账时没人愿意动手算。
想解决的问题： 现有 AA 工具全部只支持按人头均分，没有按菜品消费比例分摊的功能。手动计算每道菜的比例再换算到套餐总价非常繁琐——每道菜要算谁吃了多少比例，再乘以原价，最后按比例分配套餐总价，四个人五道菜就要算二十多次乘法加法，容易算错还伤感情。
为什么做这个方向： 套餐餐饮市场巨大且持续增长，但这个细分痛点一直被忽视。我判断一个轻量级、零门槛的分账工具有很大的使用场景，不需要用户注册、不需要复杂设置，打开就用、算完就走。
3. Demo 体验地址
aa-calculator-proposal.zip (14.8 KB)
4. TRAE 实践过程
整体开发流程如下：
Step 1 — 明确需求，生成初始 Demo 向 TRAE 描述了产品需求：针对只提供套餐的餐厅，根据菜品原价比例计算 AA 费用。TRAE 生成了包含完整交互的初始 HTML Demo，包括菜品表格、参与人管理、标签选择和实时计算。
Step 2 — 迭代优化交互细节 通过多轮对话逐步优化：
-
将"价格"拆分为"数量 + 单价"两个独立编辑字段
-
用标准 HTML table 替换 CSS Grid，解决表格交互失效问题
-
添加图例说明标签含义
关键对话截图 1
Session ID：1765142057729689:2b36671f1a79343f52a4476fc4549757_6a396ee3b6a31a5d7ac069de.6a3ad29bb6a31a5d7ac06a43.6a3ad29bb6a31a5d7ac06a41:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/24 02:38:19)
Step 3 — 自定义比例标签系统 实现了用户可自定义添加、编辑、删除比例标签（如"三分之一"、“一小口”），并加入超分配校验——每道菜所有人的比例之和不得超过 100%。
关键对话截图 2
Session ID：1765142057729689:7d997f30f24e80c5eda8bb2da345fca8_6a396ee3b6a31a5d7ac069de.6a3ad693b6a31a5d7ac06aad.6a3ad693b6a31a5d7ac06aab:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/24 02:55:15)
Step 4 — 双模式输入 在原有标签模式基础上新增滑动条模式，支持三种切换方式（标签/滑动/双模式同时显示），两种模式数据实时双向同步。
关键对话截图 4
Session ID：1765142057729689:1246a53b5529caca28434d6196ab32c8_6a396ee3b6a31a5d7ac069de.6a3ad949b6a31a5d7ac06af2.6a3ad949b6a31a5d7ac06af0:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/24 03:06:49)
5. 对应的报名审核通过的帖子链接
【生活娱乐赛道】AA 套餐分摊计算器 —— 按菜品原价比例公平分账 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区