【标题】 【学习工作赛道】雾区谜解社
【正文】 至少包含以下 4 个部分，可以增加额外的部分（比如自我介绍、经验总结、踩坑复盘等）
0. 先和大家打个招呼吧 
-
你是谁： 用我是一个中学生的家长，一个职业过气的中年人，毫无技术背景，我的心结是害怕孩子没有应对未来的能力，但我也讨厌自己表现焦虑的方式是对着成绩单咆哮，所以我也想改变。
-
你是怎么用 TRAE 把 Demo 做出来的： 我先拆解了我的焦虑：我焦虑分数，但我厌恶提分刷题机器，那我到底想要什么–哦…我想要有AI时代不可或缺的能力，—但我也不清楚究竟是哪些能力需要得到锻炼？其次我也不能放弃现实，孩子不可能不参加考试，要是能两全其美就好了…所以我把这些问题组合问了AI，就找到了我做项目的灵感：一个以锻炼能力为主、提升考试为辅的产品（毕竟考试能力也是一种能力嘛）。
-
它帮你跨过了哪个原本以为搞不定的坎： 最大的帮助是帮一无所知的我一步步建立了网页交互模式。
1. Demo 简介
-
是什么：这是一个网页端，表现形式是案件推理游戏，内容是把初高中需要学到的理科知识点，用案件情景的模式演化在各种线索中，由三位 AI 角色苏格拉底式追问引导，涵盖讨论、讲解、提升的拟态。
-
面向谁：核心用户是在现行教育体制内适应性不太好的初高中生，成绩和积极性都不太高，我希望他们能找到适合自己的学习方式，希望能导向探索创意学习方式的体验。
-
主要功能：
-
我建立了“知识图谱”，用教学大纲的内容组合知识点设计案件，从易到难，完成知识点理解（即完成案件线索讨论）后，梳理知识点规律及考题变形。还有安全红线，避免讨论和解答的时候偏离主题。
-
对话式破案推理：三位 AI 角色（冷静寡言的默哥、元气满满的小野、呆萌助理 NOVA，均有原创 AI 生成 Webtoon 风格头像）全程陪跑，线索在对话中自然浮现。六级情绪识别系统判断用户状态，先承接情绪再推进推理。案件信息常驻顶部，知识展板漫画自动展示，线索配有漫画插图可点击放大。
-
结案报告 = 考题翻译器：不是"恭喜通关"，而是一份三部分侦探笔记。A 侦探之眼：系统生成推理草稿，展示"在已知 X 的情况下，我推导出了 Y"，用户可编辑；B 灵光一闪：纯自由文本输入，不设预设选项，尊重每个孩子真实的思维火花；C 超能力解锁：观察力、思辨力、迁移力三种能力可视化。底部考题-案件对照表，让孩子亲眼看到"考题就是案子换了个说法"。赛后还有红鲱鱼（干扰条件）揭秘机制，回顾哪些线索是故意设置来考验信息甄别能力的。
-
案件创意工坊：极简主界面，一个关键词输入框 + 一个生成按钮，三步弹窗逐个呈现（选口味 → 场景描述 → 特别要求），每步可跳过，不列选项不打勾。有特别要求时回复"好的，你的案件马上出炉"，没有时回复"好的，交给我来操办"——让每一步都有温度。案件工厂引擎基于 JSON 配置动态生成，构建了从玩家到创作者的通路。
-
火星基地救援计划（待开发）：跨学科高阶挑战蓝图，涵盖物理+化学+数学三科并行的三层嵌套关卡结构，包含错因诊断引擎（每个错误选项有专属诊断引导，连续 3 次错才给答案+复盘）、双轨报告（学业成长表 + 五维能力成长雷达 + 徽章 + 评语）、知识点衔接标注（注明"初三回收"或"高一推进"）。火星基地代表了从"对话式探案"到"闯关式教学"的范式进化，已在案件库中以 7 页可翻页展板呈现完整设计。
知识图谱及架构说明
architecture-overview.html (37.4 KB)
2. Demo 创作思路
-
灵感来源：我是一个中学生家长，年奔半百、职业过气，且毫无技术背景，我的心结就是想让孩子爱上学习，但看着孩子在分数面前受打击，又努力又退缩，我既焦虑他被未来抛弃，也担心他现在就被现实打到。我没有任何技术背景，所以我考虑通过这个项目来探索能否有新的、不一样式的学习方式，如果能为孩子的未来赋能，能让他切实感到可以运用、甚至开发自己的某些能力，去探索、去创造、给自己的好奇心打造一个平台，就算以后考试单上面的分数不好看，我想孩子也能有信心去走出自己的路吧。
-
刚开始只想把抽象知识带入生活场景，让孩子在"破案"中自然地用到课本知识。最初是急切想，如何在不引起孩子厌恶反感的前提下，帮理解记忆公式、能够把考题做对，但在与 AI 逐步打磨中，思路越来越发散——从案件讨论，扩展到知识复盘、考题解读、创意工坊、跨学科设计，到最后，我想让玩家体验自由组合知识结构，自主设计情景来完成探索。
-
你为什么想到做这个：我们表面上说想让孩子爱上学习；但我很想知道学习或者教育的本质应该是做到什么。 其实到现在我也没有找到答案，但我想传递的是一个信念：一个零基础的中年人都能靠 AI 把教育梦想变成现实，孩子们更不应该被现状束缚而放弃开发自己的能力。
开发过程中,与AI合作愉快顺畅的几个瞬间：
—— 考题-案件翻译器：当在破案流程中引入物理公式计算车速时，突然意识到:“刹车痕迹长 35 米、用时 2.8 秒、摩擦系数 0.4，求初速度”, 这不就是一道标准物理题吗？考题和案件，只是同一件事的两种说法。这个发现成了整个产品最核心的亮点。
—— 线索优先响应的设计：最初线索收集和推理讨论是分开的两个阶段，但测试中发现用户会失去耐心。后来把所有线索融入对话流，用户说的任何话优先判断是否触发线索，再判断是否回应对话——体验立刻流畅了。
—— 红鲱鱼机制：讨论中我提出，案件里应该有"看起来像关键但其实是干扰"的信息，因为真实世界就是这样的。这个想法后来变成了结案后的红鲱鱼揭秘,----不仅培养批判性思维，孩子看到"自己被什么骗了"时的表情，就是这个产品最有成就感的时刻。
—— 苏格拉底追问的另一面：最初设计的追问是机械化的:“你再想想？”“是这样的吗？”----测试后发现像在审问。后来改成角色先承接情绪再推进推理：“小野说：没关系！先看看左边展板,键公式都在上面了。“体验立刻从"被审问"变成了"被陪伴”。
—— 抓不住的裂缝：创意工坊设计时，我一开始列了一个长长的选项清单。你提醒我"不要列清单，会让人反感”。于是改成弹窗逐个呈现，每个步骤都可以跳过，最后加了一句个性化回复。这个细节让我意识到,好的交互设计，不是把所有功能堆出来，而是知道什么时候该少给一点。 -
踩坑复盘：痛点是，我可能真的太发散了，思路越来越多，能力不够，不知道内部衔接机制是否会失效；
3. Demo 体验地址（三选一）
- 部署随时可公开访问的体验链接；
*在线体验：http://49.235.170.41:8090（直接打开即可体验完整产品，无需下载安装）
4. TRAE 实践过程
-
整个项目从零开始，由一个完全不懂代码的家长，到可以在线体验的完整产品，全部在 TRAE Work 中完成。以下是我的三个关键开发阶段：
阶段一：核心玩法从 0 到 1（7 月 9 日-10 日）
从"我想做一个推理游戏帮孩子学物理"这个模糊念头开始，在 TRAE 里一步步搭建了核心框架：三栏布局（知识展板-对话区-线索面板）、6 层对话引擎（情绪识别-情绪承接-阶段感知-引导策略-角色人格-内容生成）、线索关键词触发系统、知识展板漫画插图、案件信息常驻面板。完成了 case-001 霓虹街区飞车的完整推理流程。
Session ID：6a4919b1be52b541bada8217阶段二：交互体验打磨与创意扩展（7 月 13 日-14 日）
在 TRAE 的辅助下，完成了大量"不可能靠自己做出来"的功能：AI 生成三位角色原创头像（Webtoon 风格，各有视觉特征），案件工厂引擎（JSON 配置 + 模板引擎动态生成 case-002/003），案件创意工坊前端交互（极简填空 + 三步弹窗 + 个性化回应），火星基地救援计划的 7 页翻页展板设计，对话头像紧凑布局优化，首页重设计（赛博朋克风格、核心案件卡片居中、成员展示、玩法介绍弹窗），以及人物主页的 100px 放大头像。
Session ID：6a4919b1be52b541bada8217阶段三：部署上线与参赛准备（7 月 12 日-14 日）
在完全不懂服务器的情况下，靠 TRAE 指导一步步完成了：腾讯云服务器部署、Nginx 安装配置、安全防护（请求限流 10次/秒、并发限 20 连接/IP、防火墙仅开放 8090 端口）、端口规避策略（80 改 8090 防运营商屏蔽）、项目备份、参赛说明 v2 报告撰写。一个家长，第一次拥有了自己的网站。
Session ID：6a4919b1be52b541bada8217 -
附开发关键步骤截图（不少于 3 张）；
5. 对应的报名审核通过的帖子链接【学习工作赛道】雾区谜解社（附上体验网址和参赛附件）