【学习工作】学力星球：面向高中生的 AI 学习成长 App
【正文】
0. 先和大家打个招呼吧 
-
你是谁： 大家好，我是一名agent产品爱好者，这次参加 TRAE AI 创造力大赛，我选择了“学习工作”赛道，做了一个面向高中生的学习成长 App ，名字叫“学力星球”。
-
你是怎么用 TRAE 把 Demo 做出来的：
-
我是先把自己的想法告诉TRAE,因为现在高中生面临的学业压力太大，都想上好的大学，我想把高中生面临的压力进行拆解，做出类似一个养成游戏的内容，让学生更有兴趣去学习，于是我就想用TRAE帮我为这一方面设计方案并进行制作，制作过程也需要不少的磨合，因为我不可能考虑到所有的因素，也需要它为我进行补充，它没考虑到的点，我也会告知并让其补充。
-
最让我有成就感的是，TRAE 不只是帮我写代码，还会一起完善产品判断。比如我提出“能力值达到多少能上什么大学”时，TRAE 帮我把它改成“目标匹配度 + 风险提示”，避免把学习能力值包装成录取承诺。后面扩展题库、学习诊断报告、省份和选科交互时，也都是通过多轮对话一点点补完整。
-
这次经历让我感觉，原来一个脑子里的产品想法，可以通过和 TRAE 反复沟通，慢慢变成一个真的能打开、能点击、能体验的 Demo。
1. Demo 简介
-
是什么：
-
学力星球是一款面向高中生的 AI 学习成长 App Demo。它尝试把题库练习、能力值成长、错题进化、学习诊断、学考选科和高考目标连接起来，让学生不只是完成一道题，而是看见自己为什么进步、哪里还薄弱、下一步该怎么学。
-
面向谁：
-
核心用户是高中生，尤其是正在适应高中学习节奏、准备学考、选科或规划高考目标的学生。老师和家长也可以通过成长档案理解学生的学习状态。
-
主要功能：
-
题库中心：提供数学、英语、物理 3 道自研样题，学生可以直接点击作答，查看反馈。
学习诊断报告：根据答题结果生成优势能力、薄弱提醒和下一步建议。
高考目标与选科：支持省份选择和选科组合切换，并展示目标匹配度与风险提示。
2. Demo 创作思路
-
灵感来源：
-
因为现在高中生面临的学业压力大，都想考上优秀的大学，我想把高中生面临的压力进行拆解，做出类似一个养成游戏的内容，让学生更有兴趣去学习。
-
想解决的问题：
-
因为高中学习里有一个很常见的问题：学生每天做很多题、参加很多考试，但很难从这些学习行为里获得清晰反馈。一次错题到底说明什么？我是哪种能力弱？现在做的题和未来目标之间有什么关系？这些问题如果没人解释，学习就很容易变成机械重复。
-
为什么做这个方向：
-
在创作过程中，我做了几个重要取舍：
能力值增长必须保守。一次答题不能让能力值大幅上涨，否则会显得不真实。
高考目标不能承诺录取。Demo 只做阶段性目标匹配，并明确提示要结合省份、位次、招生计划和选科要求。
题库先用自研样题。初赛阶段重点展示题目结构、能力标签和产品逻辑，不直接抓取网上商业题库。
Demo 先做最短体验链路。与其做很多无法点击的页面，不如先把“答题 → 能力值 → 诊断报告 → 目标提示”做成可体验闭环。
3. Demo 体验地址（三选一）
-
交互式可体验的HTML格式文件，请使用Zip格式打包上传到社区；
-
xueli-planet-demo.zip (15.1 KB)
-
解压后打开：index.html
-
建议体验路线：
打开首页，先看“参赛 Demo · 10 秒看懂”和“评审看点”。
点击“开始体验路线”，进入题库中心。
分别试做数学、英语、物理 3 道题，观察答题反馈。
进入“成长档案”，查看学习诊断报告。
点击“错题进化”，观察能力值和成长事件流变化。
进入“目标”，切换省份和选科组合，查看高考目标风险提示。
4. TRAE 实践过程
-
这个 Demo 是我在 TRAE Work 中从 0 到 1 逐步完成的。整个过程经历了创意方案、产品逻辑、页面原型、交互实现、测试验证和参赛打包几个阶段。
第一阶段，我先让 TRAE 帮我生成面向高中生的学习辅助创意方案，包含产品介绍、目标用户、痛点、产品价值与意义。这个阶段主要解决“产品到底是什么”的问题。
第二阶段，我让 TRAE 把创意方案转成 HTML 创意文件，形成最早的页面表达。之后我提出想做成 App，并加入能力值、学习兴趣、角色成长等元素，TRAE 帮我把它扩展成“学力星球”App Demo。
第三阶段，我继续要求优化功能之间的联动关系。TRAE 帮我把兴趣任务、能力值、技能星图、错题进化、成长档案串成一条学习路径，让页面不只是分散模块，而是有完整逻辑。
第四阶段，我提出高考目标、学考、选科等更贴近高中生真实场景的问题。TRAE 帮我加入通用 750 分模型、学考与选科说明、目标匹配度和风险提示。后来我担心能力值和大学目标会造成误导，TRAE 又帮我把文案改成更保守的表达，明确不能保证录取。
第五阶段，我和 TRAE 一起补充学科知识库与题库建设思路，明确题库不能直接抓取网上商业题库，初赛 Demo 采用自研示例题来展示结构和体验。
-
附开发关键步骤截图（不少于 3 张）；
-
附关键任务对话的 Session ID（不少于 3 个），用于证明作品由 TRAE 开发完成。
-
Session ID：
- Session ID 1：4386384717812016:979edc268ed9f72b43685ea58a145cd6_6a4c88c7114e2d501769903b.6a4eefde0707fa6db5608709.6a4eefde0707fa6db5608707:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/9 08:48:30)
- Session ID 2：4386384717812016:879da3c45edec9a02c0da7a044b3150d_6a4c88c7114e2d501769903b.6a4ef94a4c97bad078279efd.6a4ef94a4c97bad078279efb:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/9 09:28:42)
- Session ID 3：4386384717812016:194d57f3d2cf05669adbdb3a5d52ebb3_6a4c88c7114e2d501769903b.6a4efaf24c97bad078279f6f.6a4efaf24c97bad078279f6d:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/9 09:35:46)
5. 对应的报名审核通过的帖子链接