【社会服务赛道】成长星球（Growth Planet）—— AI 青少年成长陪伴伙伴
0. 先和大家打个招呼吧 
你是谁
大家好，我是一名前端开发工程师，希望通过 AI 技术做一些真正能够帮助他人的产品。
你是怎么用 TRAE 把 Demo 做出来的
这次参赛最大的感受是，很多以前觉得需要完整开发团队才能完成的事情，现在通过 TRAE 可以快速验证想法。
我先把自己关于“青少年成长陪伴”的想法告诉 TRAE，然后不断通过对话完善产品功能、页面设计和交互逻辑。TRAE 帮我快速生成产品原型、页面代码以及功能实现方案，让我能够把更多精力放在产品思考而不是重复开发上。
最让我惊喜的是，在设计成长星球的游戏化成长系统时，我只需要描述自己的想法，TRAE 就能够快速生成对应的页面结构和交互逻辑，大大降低了开发门槛。
通过这次实践，我真正感受到 AI 已经不仅仅是代码助手，更像是一位能够一起完成产品设计与开发的合作伙伴。
1. Demo 简介
是什么
成长星球（Growth Planet）是一款面向青少年的 AI 成长陪伴平台，通过 AI 对话、情绪记录、习惯养成和游戏化成长机制，帮助青少年建立积极健康的生活习惯和心理状态。
产品形态：
Web 网站 + AI 成长助手
面向谁
核心用户群体：
- 10-18岁青少年
- 中学生、高中生
- 学习压力较大的学生群体
- 缺少成长陪伴和情绪表达渠道的青少年
主要功能
功能一：AI 成长伙伴
通过自然语言对话与用户交流，倾听烦恼、记录成长目标，并提供积极的成长建议。
功能二：情绪树洞
用户可以每天记录自己的情绪状态，系统自动生成情绪变化趋势图，帮助用户了解自己的心理状态变化。
功能三：成长星球养成系统
完成阅读、运动、学习等成长任务后获得成长能量，用于建设自己的成长星球。
成长过程可视化展示，让坚持变得更有成就感。
2. Demo 创作思路
灵感来源
近年来，青少年心理健康问题受到越来越多关注。
很多孩子面对学习压力、家庭沟通和成长困惑时，缺少一个愿意倾听和长期陪伴的对象。同时，短视频和娱乐内容也在不断分散他们的注意力。
我希望借助 AI 技术，打造一个既有温度又有趣味性的成长陪伴产品。
想解决的问题
当前很多青少年存在：
- 拖延症严重
- 学习动力不足
- 情绪积压无人倾诉
- 缺乏长期坚持的习惯养成机制
而传统心理咨询和教育方式往往存在门槛高、参与度低的问题。
成长星球希望通过 AI 陪伴和游戏化机制降低参与门槛，让成长过程更加轻松自然。
为什么做这个方向
相比单纯的聊天机器人，我认为真正有价值的产品应该能够帮助用户形成长期成长习惯。
因此我选择将：
- AI陪伴
- 情绪管理
- 游戏化成长
- 习惯养成
结合到一个完整产品体系中，让用户能够持续获得正向反馈和成长动力。
3. Demo 体验地址
在线体验地址
HTML体验文件
index.zip (10.9 KB)
4. TRAE 实践过程
第一步：产品需求分析
通过 TRAE 讨论青少年成长领域的痛点，明确产品定位为：
AI成长伙伴 + 情绪树洞 + 游戏化习惯养成平台
Session ID：.1009809621254323:4f3ea6496b6d3c42f91b3fb0553b86c2_6a30b9e61f9b0ff677d56240.6a338acc03cb33146015ca37.6a338accbd93882cd74a25b7:Trae CN.T(2026/6/18 14:06:04)
第二步：产品原型设计
利用 TRAE 生成产品结构设计、页面布局和功能规划。
包括：
- 首页设计
- AI聊天模块
- 情绪记录页面
- 成长星球页面
Session ID：.1009809621254323:d527a160be3ab3503bdcce5820dd32a1_6a30b9e61f9b0ff677d56240.6a30ba5c1f9b0ff677d56243.6a30ba5cd51fce77a98ea232:Trae CN.T(2026/6/16 10:52:12)
第三步：前端页面开发
利用 TRAE 生成：
- HTML
- CSS
- JavaScript
完成产品页面开发与交互实现。
Session ID：.1009809621254323:d527a160be3ab3503bdcce5820dd32a1_6a30b9e61f9b0ff677d56240.6a30bbd01f9b0ff677d5628b.6a30bbd0d51fce77a98ea233:Trae CN.T(2026/6/16 10:58:32)
第四步：功能完善与优化
进一步通过 TRAE 完善：
- 数据存储逻辑
- 页面动画效果
- 用户体验优化
- 响应式适配
Session ID：.1009809621254323:4f3ea6496b6d3c42f91b3fb0553b86c2_6a30b9e61f9b0ff677d56240.6a338acc03cb33146015ca37.6a338accbd93882cd74a25b7:Trae CN.T(2026/6/18 14:06:04)
项目总结
成长星球希望成为青少年成长道路上的陪伴者。
通过 AI 技术降低心理陪伴门槛，通过游戏化机制提升成长动力，让更多孩子能够在积极健康的环境中建立良好的生活习惯和心理状态。
未来希望进一步接入更多成长场景，打造真正有温度、有价值的 AI 成长伙伴。