【正文】 至少包含以下 4 个部分,可以增加额外的部分(比如自我介绍、经验总结、踩坑复盘等)
0. 先和大家打个招呼吧 ![]()
-
**你是谁:**大家好,我是一名独立产品创作者,平时很关注 AI 如何真正解决生活和工作中的小问题。
-
**你是怎么用 TRAE 把 Demo 做出来的:**小宠秘的想法,来自我自己经常遇到的场景:临时想到一件要做的事、产生一笔消费、收到一张需要报销的发票,或者突然冒出一个想法。工具虽然很多,但每次都要判断应该打开哪个 App、选择什么分类、填写哪些字段,反而让“随手记一下”变得很麻烦。
和 TRAE 配合时,我没有一开始就写一份特别复杂的技术方案,而是先把真实场景一句句告诉它:
如果用户说“明天10点提醒我带电脑”,能不能直接生成一条待办?
如果用户说“咖啡18”,能不能自动识别成一笔消费?
如果用户说“打车48元,周五报销”,能不能理解金额和报销状态?TRAE 帮我把这些自然语言需求逐步拆解成页面、交互和功能。我负责不断体验和判断哪里不符合真实使用习惯,再继续告诉它“这里太复杂了”“这个入口可以删掉”“等待的时候需要更清楚”“宠物形象能不能更有陪伴感”,然后一起一轮轮调整。
让我感受最深的并不是“一句话生成整个产品”,而是原本看起来很复杂的事情,可以被拆成一个个能继续推进的小任务。
从对话理解、结构化记录、真实 AI 接口,到模型切换、历史对话和线上部署,很多原本以为很难跨过去的技术环节,都可以通过“描述需求—查看结果—发现问题—继续修改”的方式逐步完成。
TRAE 让我可以把更多注意力放在“用户真正需要什么”上,而不是一开始就被技术实现挡住。这也是我把小宠秘从一个想法做成可交互 Demo 的真实过程。
1. Demo 简介
-
是什么:小宠秘是一款以自然语言对话为入口的 AI 生活与工作记录助手app 小程序。
用户不需要先判断应该打开待办、记账、发票还是备忘录,只需要像聊天一样说一句话,小宠秘就会理解其中的时间、金额和事项类型,自动生成结构化记录。
-
面向谁:小宠秘主要面向经常需要处理零散事项的职场人、自由职业者和学生,包括:
-
经常忘记待办、会议事项和临时任务的人;
-
需要记录消费、发票和报销事项的人;
-
想快速记下灵感,却不想反复选择分类和填写表单的人;
-
同时使用多个记录工具,希望减少操作步骤的人。
-
-
主要功能:1. 一句话生成结构化记录
用户可以直接输入:
-
“明天10点提醒我带电脑”
-
“咖啡18”
-
“打车48元,周五报销”
-
“记一下今天的项目想法”
AI 会自动判断用户意图,并生成待办、账本、发票、随记或待整理记录。
-
-
2. AI 理解时间、金额与真实意图
小宠秘不仅保存原始文字,还会提取日期、时间、金额、报销状态和记录类型。
例如输入“明天10点提醒我带电脑”,系统会自动生成带日期、时间和提醒信息的待办卡片,用户可以继续查看、编辑或撤销。
-
3. 统一查看和管理不同记录
AI 创建的待办、账本、发票、随记和待整理事项会进入统一记录列表,用户可以按日期查看,也可以通过历史对话回顾创建过程。
Demo 还支持自定义宠物形象和 AI 模型切换。目前默认使用 GPT‑5.5,同时保留 DeepSeek V4 Flash 作为可选模型。
-
还有可以自定义小宠的功能,后续增加更多自定义功能增加陪伴感,增加情绪价值
2. Demo 创作思路
-
灵感来源:在日常学习和工作中,我们经常会遇到大量很小、但不能忘记的事情:
-
聊天时突然收到一项任务;
-
买完东西需要记一笔账;
-
打车后需要提醒自己开发票或报销;
-
临时出现一个想法,想先记下来以后整理。
这些事情往往分散在聊天记录、备忘录、日历、记账软件和待办工具中。真正麻烦的并不是“没有工具”,而是每次记录前都要先思考应该打开哪个工具、选择什么分类、填写哪些字段。
-
-
想解决的问题:传统效率工具通常要求用户先适应软件的分类方式:
-
打开对应功能;
-
选择记录类型;
-
填写标题、日期、金额等字段;
-
保存后再进入另一个页面管理。
对于临时出现的零散事项,这套流程操作成本较高。用户经常因为“稍后再记”而忘记,或者把所有内容堆在聊天收藏和备忘录里,最后难以整理。
小宠秘想解决的核心问题是:
让用户先把事情说出来,再由 AI 完成理解、分类和整理。
-
-
为什么做这个方向:我没有把小宠秘做成一个只提供回答的通用聊天机器人,也没有一开始就追求复杂的办公系统,而是选择了“自然语言输入 + 结构化记录”这个更具体的方向。
因为对于个人效率工具来说,AI 最有价值的地方不只是生成文字,而是减少操作步骤,并真正帮助用户完成一件事情。
小宠秘的核心闭环是:
用户说一句话 → AI 理解意图 → 创建真实记录 → 用户继续查看和管理。
这让 AI 从“给建议”进一步变成“帮助用户完成记录和整理”的个人助手。
在产品取舍上,Demo 优先打通了待办、账本、发票、随记和待整理五类高频场景,并通过真实 AI 接口验证完整流程,没有在初赛阶段加入过多复杂功能。
3. Demo 体验地址(三选一)
-
在线体验
https://xiaochongmidemo.nonoai.club/
Demo 已部署到公网,可直接通过浏览器访问,无需下载安装。
推荐体验以下话术:
明天10点提醒我带电脑 咖啡18 打车48元,周五报销 记一下今天的项目想法
4. TRAE 实践过程
小宠秘并不是一次性生成的静态页面,而是通过 TRAE 对需求进行拆解,逐步完成核心功能、真实 AI 接入和交互体验优化。
整体开发流程为:
明确产品需求 → 搭建交互 Demo → 打通 AI 创建记录流程 → 完善页面交互 → 测试并部署上线。
阶段一:梳理需求并搭建 Demo
首先,我向 TRAE 描述了小宠秘的产品定位和核心需求:
-
通过自然语言记录待办、消费、发票和临时想法;
-
AI 自动识别记录类型、时间和金额;
-
使用接近真实 App 的手机界面展示完整流程;
-
用户创建记录后,可以在列表和日期页面继续查看。
TRAE 根据需求帮助我拆分页面结构和核心交互,并完成了可运行的 Demo 基础版本。
此处插入第一张 TRAE 会话截图。
Session ID:
[填写对应 Session ID]
阶段二:实现真实 AI 与结构化记录
基础页面完成后,我继续通过 TRAE 打通真实 AI 对话流程。
这一阶段主要完成了:
-
将用户自然语言发送到服务端 AI;
-
识别待办、账本、发票、随记和待整理等意图;
-
提取日期、时间、金额和报销状态;
-
将 AI 结果生成对应的记录卡片;
-
支持 GPT‑5.5 与 DeepSeek V4 Flash 模型切换;
-
将 API Key 保存在服务端,避免暴露在浏览器中。
例如输入“明天10点提醒我带电脑”,AI 会自动创建带日期和时间的待办卡片,而不是只返回一段文字。
此处插入第二张 TRAE 会话截图,并可补充一张 AI 创建待办的产品截图。
Session ID:
[填写对应 Session ID]
阶段三:调试并优化交互体验
核心功能跑通后,我继续使用 TRAE 检查和优化实际体验,包括:
-
修复对话一直显示加载状态的问题;
-
增加历史对话和新建对话功能;
-
删除初赛阶段不需要的入口;
-
优化宠物自定义和头像展示;
-
调整产品介绍文案和模型默认配置;
-
检查线上接口、页面显示和真实 AI 回复。
最终将 Demo 部署到公网,并分别验证了 GPT‑5.5、DeepSeek、记录创建和历史对话等核心流程。
此处插入第三张 TRAE 会话截图,并补充最终线上页面截图。
Session ID:
[填写对应 Session ID]
开发过程中的取舍
开发过程中,我没有追求一次性加入大量功能,而是优先保证核心流程真实可体验:
用户输入一句话 → AI 理解意图 → 创建结构化记录 → 用户继续查看和管理。
对于尚未完整实现的图片识别等能力,我选择明确标注为“待开发”,避免使用静态效果冒充真实功能。
-
附开发关键步骤截图(不少于 3 张);
-
附关键任务对话的 Session ID(不少于 3 个),用于证明作品由 TRAE 开发完成。
-
.2996604475022651:c171505429d697c7e8247b6e8b62362e_6a56fe435bdc73ede65a0443.6a57022d5bdc73ede65a06a9.6a57022c7c7b5e479f05bd06:Trae CN.T(2026/7/15 11:44:45)
-
.2996604475022651:1bb421de41f08c359df2ea26ed60ffd1_6a56fe435bdc73ede65a0443.6a56fe505bdc73ede65a0445.6a56fe4f7c7b5e479f05bd00:Trae CN.T(2026/7/15 11:28:16)
-
.2996604475022651:6fad5f9ad35393f8d25901c94a0c73cf_6a56fda85bdc73ede65a040d.6a5703af5bdc73ede65a074b.6a5703af7c7b5e479f05bd0c:Trae CN.T(2026/7/15 11:51:11)
5. 对应的报名审核通过的帖子链接







