【标签】 生活娱乐
【标题】 【生活娱乐赛道】散席 · AFTER THE TABLE
【正文】 至少包含以下 4 个部分，可以增加额外的部分（比如自我介绍、经验总结、踩坑复盘等）
0. 先和大家打个招呼吧 
-
你是谁： 我是零代码基础的文科生、小红书2000+粉丝的素人ai方向博主，持续分享「文科生AI Vibe Coding」。这次用TRAE做了多人AA算账工具：把“谁垫付、谁分摊、最后谁该转谁”讲清楚，再不断调整流程和视觉。它帮我实现多人垫付、自动结算、账单生成图片分享，并部署到GitHub。不会代码，也能把真实需求做成可用Demo。
-
你是怎么用 TRAE 把 Demo 做出来的： 没有技术背景也没关系 —— 说说你和 TRAE「配合」的真实感受。比如：是怎么把脑子里的想法一句句讲给它听的？哪一步让你觉得「原来这么简单」？它帮你跨过了哪个原本以为搞不定的坎？
1. Demo 简介
-
是什么：散席，懒人专属的极简 AA 结算工具
-
面向谁：经常和朋友聚餐、出游、团建的年轻人，尤其是不想算账的"懒人"组织者
-
主要功能：
-
多垫付人支持 - 一笔消费可由多人共同垫付，自动平均拆分金额
-
清晰结算 - 左边付款人，右边收款人，中间金额，转账方向一目了然
-
精美账单卡片 - 生成 Ins 风结算卡片，保存图片直接发群里
-
2. Demo 创作思路
-
灵感来源： 每次和朋友出去玩，最头疼的就是算账——谁付了饭钱、谁付了车费、谁该给谁转多少……经常算到一半就放弃了，或者算错了伤感情。
-
想解决的问题： 聚会后算账复杂、转账路径不清晰、缺少美观的结算凭证
-
为什么做这个方向： 选单文件网站是因为它最"轻"——不需要安装，不需要注册，打开就能用，还能直接发给朋友一起填账单。对于零代码的我来说，这种方案也最容易实现。
3. Demo 体验地址（三选一）
-
在线体验： https://touteitei888-rgb.github.io/sanxi/
GitHub 仓库： https://github.com/touteitei888-rgb/sanxi
-
交互式可体验的HTML格式文件，请使用Zip格式打包上传到社区；
散席_Demo.zip (118.8 KB)
4. TRAE 实践过程
-
清晰展示用 TRAE 完成 Demo 开发的完整流程；
需求沟通与初始版本
提供参考设计风格与产品需求，TRAE 快速生成初始版本，包含活动创建、账单管理、自动结算等核心功能。
功能迭代——多支付人支持
提出多垫付人需求，TRAE 完成数据结构升级、计算逻辑改造、多选交互与结果展示优化。
Bug 修复——卡片保存重复显示
反馈保存卡片时重复渲染的问题，TRAE 定位冗余预览状态，简化保存逻辑完成修复。
上线与文档完善
完成术语统一、分类扩展、GitHub Pages 部署、双语 README 编写等上线工作。 -
附开发关键步骤截图（不少于 3 张）；
-
附关键任务对话的 Session ID（不少于 3 个），用于证明作品由 TRAE 开发完成。
- 4210461992040051:a463c499b0fb2f831cd4e316813be4e2_6a4a166acad758f65281f42f.6a4a166acad758f65281f432.6a4a166acad758f65281f430:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/5 16:31:38)
- 4210461992040051:a5337f378cb01590a29374fc2f92c80c_6a4a166acad758f65281f42f.6a4a191bcad758f65281f51e.6a4a191bcad758f65281f51c:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/5 16:43:07)
- 4210461992040051:401c1225a04c041421d3324a07093fc2_6a4a166acad758f65281f42f.6a4a1db8cad758f65281f5ed.6a4a1db8cad758f65281f5eb:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/5 17:02:48)
- 4210461992040051:401c1225a04c041421d3324a07093fc2_6a4a166acad758f65281f42f.6a4a1ed9cad758f65281f654.6a4a1ed9cad758f65281f653:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/5 17:07:46)
- 4210461992040051:ecbbc8c0e2f604bb8a07906ad5ba41a1_6a4a166acad758f65281f42f.6a4a21ffcad758f65281f69e.6a4a21ffcad758f65281f69c:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/5 17:21:03)
- 4210461992040051:78a55f5f94129234af8bfdfa1984791b_6a4a166acad758f65281f42f.6a4a235bcad758f65281f6ca.6a4a235bcad758f65281f6c8:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/5 17:26:51)
- 4210461992040051:b8362890a3e44d2e5f6ffb32b7b5dff3_6a4a166acad758f65281f42f.6a4a7c534e783304e3736cb8.6a4a7c534e783304e3736cb6:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/5 23:46:27)
- 4210461992040051:62cd015d31e5230530b52fdafb947227_6a4a166acad758f65281f42f.6a4d1c72b55ac335eccaf94b.6a4d1c72b55ac335eccaf949:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/7 23:34:10)
- 4210461992040051:744f5a75e0e0ed842cde8b5cf07ee739_6a4a166acad758f65281f42f.6a4d1ef3b55ac335eccaf9f5.6a4d1ef3b55ac335eccaf9f3:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/7 23:44:51)
5. 对应的报名审核通过的帖子链接