【标签】 #学习工作赛道
【标题】【学习工作赛道】LifeScript 人生剧本 · 用对话式 AI 编写你的人生剧本 + 3D 人生星河
0. 先和大家打个招呼吧 
你是谁： 一名大学生 · 独立开发者 · 正在学习把 AI 变成生产力工具。
我是怎么用 TRAE 把 Demo 做出来的：
实话实说，我不会写后端，也不会写 3D 代码。但我有一个很明确的想法——「能不能让 AI 根据我的八字，把未来几十年的人生节点渲染成一张可以旋转的 3D 星图？」于是我打开了 TRAE，开始一段一段地说给它听：
- 先写骨架：告诉 TRAE 我想要一个「Vue 3 前端 + Go 后端」的项目结构，它帮我生成了完整的项目目录（package.json、go.mod、main.go、vite.config.mjs）；
- 再填功能：我描述「我想要一个输入八字的表单」，它直接帮我写出 CosmosView.vue，连年月日选择、性别切换都做了；
- 3D 部分最神奇：我说「把每个年份变成一颗发光的星球，围绕中心旋转」，它就用 Three.js 画出了整个人生星河，还把黑洞周围的三层环设计成了八卦、洛书河图、北斗七星；
- AI 推演的硬骨头：我说「让大模型帮我算八字，输出结构化的节点」，它帮我接入了 DeepSeek + GLM-4.7 + 智谱 MIMO 三家模型，还做了实时进度条动画；
- 宇宙海的诞生：我说「如果能把所有人的星图放在同一个 3D 空间里，用 WASD 自由飞行探索会怎样？」——TRAE 帮我从零写出了 UniverseView.vue，一个无限大的多用户 3D 星图空间；
MCP 智能体接入：我说「能不能让 Claude Desktop、Cursor 这些外部 AI 直接调用项目的八字推演和星图进化能力？」，TRAE 用 mark3labs/mcp-go 帮我写出了 LifeScript MCP 服务端，4 个工具（八字排盘/添加事件/星图进化/承诺存证）通过 stdio 模式供任何 MCP 兼容客户端调用；- 版本历史 + 增量进化：我说「每次星图进化都要留个快照，将来能回溯每个版本」，TRAE 帮我写了 SQL 迁移脚本建 star_map_snapshots 表，每次保存自动生成 SHA-256 哈希快照，还能增量进化不破坏老节点；
- 动效升级：我说「页面切换太生硬，想要电影级的滚动入场和涟漪反馈」，TRAE 直接接入了 GSAP 动画引擎，配合 ScrollTrigger 让每个区块像星河一样缓缓浮现；
- 安全加固：我把一份安全审计清单丢给它，它一次性修好了 JWT 鉴权漏洞、升级了 vitest 到 3.2.6 修掉 4 个 npm 漏洞、还把构建产物自动清空防止旧文件残留。
最打动我的一个瞬间是：我把一个报错截图发给它，它只说了"这是一个 CORS 跨域问题"，然后直接把修复好的 main.go 贴了回来。那一刻我觉得——普通人做产品的门槛真的已经消失了。只要你能把想法讲清楚，TRAE 就能帮你把它做出来。
1. Demo 简介
是什么： LifeScript 是一个基于网页的 AI 对话式人生规划 + 3D 星图可视化系统。用户与 AI 对话 → 或输入八字让 AI 推演人生关键节点 → 系统把它们渲染成可旋转、可缩放、可点击的 3D 人生星河（恒星/行星/卫星三层节点体系 + 黑洞/八卦/洛书河图/北斗七星四层符文环）。
面向谁：
| 用户画像 | 典型阶段 |
|---|---|
| 大学生 / 研究生 | 面临专业选择、考研就业、人生方向决策 |
| 职场新人 | 工作 1-3 年，需要规划职业发展路径 |
| 有梦想的年轻人 | 有目标和想法，但缺乏系统化规划方法 |
核心功能（14 个亮点）：
3D 人生星河：黑洞核心 + 八卦/洛书河图/北斗七星四层符文环，恒星行星卫星三层节点体系可旋转、缩放、点击
AI 三模型推演：支持 DeepSeek / GLM-4.7 / 智谱 MIMO 及任何 OpenAI 兼容服务，带实时进度条动画 + 深度思考模式
宇宙海：超大无限 3D 空间，所有用户星图共存。WASD 自由飞行探索，随机"主场"坐标永久固定
可视化时间轴：左右交替彩色时间线，过去节点实线、未来节点虚线，金线标记当前位置
对话式规划：AI 像导师一样引导你理清目标（学业/事业/梦想/生活/成长五维度）
SHA-256 承诺存证：重要决定生成哈希值，不可篡改；保存到服务端 SQLite 持久化
多剧本对比 + 里程碑：多条人生路径横向对比；大目标拆小步骤追踪
管理员后台：仪表盘/用户分析/星图分析/轨迹分析/系统监控/事件日志 + 服务端配置热更新一键重启
MCP 智能体协议：LifeScript MCP 服务端（mark3labs/mcp-go），4 个工具（八字排盘/添加事件/星图进化/承诺存证）可被 Claude Desktop、Cursor 等 MCP 兼容客户端直接调用
版本历史 + 增量进化：star_map_snapshots 快照表，每次保存/进化自动生成 SHA-256 哈希快照；支持增量进化（仅新增节点，不破坏老节点）+ 任意版本回溯
GSAP 电影级动效：GSAP + ScrollTrigger 驱动滚动入场、Material Design 涟漪点击、5 种方向交错动画，页面切换如星河流转
安全加固闭环：JWT 严格鉴权（缺 Bearer 前缀直接拒绝）+ vitest 3.2.6 修 4 漏洞 + 构建产物自动清空 + Gzip/Brotli 双压缩
230+ 测试用例：覆盖 22 个模块（认证/CRUD/安全/并发/数据隔离/命理引擎），go test + vitest 双侧全绿
响应式全适配 + 离线降级：桌面/平板/手机三档断点 + 触摸手势；后端不可用时前端自动用内置示例数据，产品始终可用
产品截图（均已保存在项目 screenshots/ 目录，共 24 张）：
-
首页封面：
-
3D 星河主界面：
-
宇宙海：
-
2D 时间轴：
-
对话式规划：
-
API 三模型选择：
-
管理员后台：
2. Demo 创作思路
灵感来源：
作为大学生，我自己也经历过这种迷茫。深夜失眠时翻手机，要么是冰冷的待办清单，要么是娱乐 App 推送——没有一个产品是在认真帮年轻人"看见"自己的未来。发现身边同学普遍有相同困扰，我们需要的不是冷冰冰的待办清单，而是一个能像导师一样和我们对话、把梦想变成可视化计划的工具。于是就有了 LifeScript 人生剧本。
想解决的问题：
| 传统方式 | LifeScript 的解法 |
|---|---|
| 想法只停留在脑子里 | 对话式 AI 引导规划，像导师一样主动提问 |
| 待办清单无层次、看不见未来 | 3D 星图 + 可视化时间轴清晰呈现整体人生节奏 |
| 目标容易放弃、说了就忘 | 里程碑追踪 + SHA-256 存证持续激励，多年后可验证初心 |
| 决策太孤单 | 多剧本横向对比，帮助做出理性选择 |
| 一个人的规划太孤独 | 宇宙海汇聚所有人的星图，你的未来不孤单 |
| 数据不持久 | 服务端 SQLite 持久化，换电脑仍可加载，重启即自动恢复 |
| 页面切换生硬、缺乏沉浸感 | GSAP 电影级动效，滚动入场 + 涟漪反馈，星河般流畅 |
| 工具孤岛，AI 平台调不了命理能力 | MCP 协议开放 4 个工具，Claude Desktop 等外部智能体直接调用 |
| 进化即覆盖，老版本丢失 | 版本快照 + 增量进化，每次保存留 SHA-256 哈希可回溯 |
为什么做这个方向：
- 大学生成长、自我探索 → 我自己有真实痛点，懂得用户在想什么
- AI 对话引导 + 节点生成 + 命理推演 → 大模型天然擅长
- 3D 星图 + 黑洞符文环 + 宇宙海 + 时间轴 → 视觉冲击力比纯文字强得多
- Vue + Go + TRAE 辅助开发 → 一周内就能从零做出可用 MVP
- GSAP 动效 + 安全加固 + 230+ 测试 → 让 Demo 从"能跑"升级到"能打"，接近产品级质感
- MCP 协议开放 + 版本快照回溯 → 让项目从"应用"升级为"能力平台"，外部 AI 可复用
综合下来，「AI + 3D 可视化 + 年轻人成长 + 服务端持久化 + 多用户宇宙海 + 电影级动效 + MCP 智能体协议 + 版本快照回溯」 这个组合既符合我自己的真实经历，也足够有视觉冲击力，所以就做了它。
3. Demo 体验地址
**http://lifescript.xllyxx.cyou（评审时开启）**账号ceshi/ceshi123
或者下载桌面端https://my.feishu.cn/drive/folder/QKFsfmhqZlMScSdgnKochyuYnAf?from=from_copylink
http://gitee/xllyxx/lifescript
http://github/xlly001/lifescript
大小文件project-size-viz.html (12.1 KB)
4. TRAE 实践过程
完整开发流程（12 步，约 23 小时）：
第 1 步 · 搭骨架（约 1 小时）
在 TRAE 里描述项目需求，让它生成 Vue 3 + Vite 前端项目结构与 Go + Gin 后端项目结构，自动产出 package.json、go.mod、main.go、vite.config.mjs。
第 2 步 · 做页面（约 3 小时）
逐页描述需求：首页、对话规划、时间轴、多剧本对比、里程碑、承诺存证、AI 建议。TRAE 同步生成 7 个视图页面与路由配置，并搭建了 Vue Router + Pinia 状态管理体系。
第 3 步 · 核心亮点：3D 星图 + 黑洞符文环（约 4 小时）
描述"我想要一个可旋转的 3D 星图，每颗星代表一个人生节点，点击查看详情，黑洞周围要有八卦/洛书河图/北斗七星四层符文环"，TRAE 引入 Three.js，生成 CosmosView.vue（约 263KB）——包含引力透镜着色器黑洞、四层符文环差速旋转、节点发光、轨道线、鼠标交互、缩放与平移。
第 4 步 · 接入八字推演 + 三模型 AI（约 3 小时）
描述"用户输入八字后，让 DeepSeek 或 GLM-4.7 或智谱 MIMO 帮我推演人生关键节点并输出 JSON（含 year/category/fortune/命理依据）"，TRAE 在后端生成 fortune/engine.go 引擎模块（四柱/五行/大运/紫微斗数完整推演），在前端生成带进度条动画的推演面板。AI 降级策略：API 不可用时返回预置引导性回复。
第 5 步 · 三层节点体系 + 2D 时间轴（约 2 小时）
描述"每个恒星事件生成 4-5 个行星时间，每个行星时间生成 3 个卫星事件；星图可进化，保存到服务端，下次登录时加载"，TRAE 扩展 BranchPrediction 数据结构，在 buildNodes 中渲染三层层级。2D 时间轴区分过去/未来，金色竖线标记当前位置。
第 6 步 · 安全优化 + 打包部署（约 2 小时）
TRAE 建议升级 Vite 到 6.4.3 以修复 esbuild 安全漏洞，配置代码分包（manualChunks for three.js / Vue core / vendor），前端构建产物 frontend/dist，后端 go build 输出单文件可执行程序；Argon2id 密码哈希 + JWT 认证 + 令牌桶限流 + 文件魔数验证。
第 7 步 · 宇宙海 — 多用户 3D 星图空间（约 2 小时）
描述"如果能把所有人的星图放在同一个无限大的 3D 空间里，用 WASD 自由飞行、点击看别人的人生星图"，TRAE 生成了 UniverseView.vue 和后端 universe.go——球坐标分布随机主场坐标（半径 5000-50000）、自由飞行探索、星图加入宇宙海永久固定、点击其他用户星图查看详情、坐标实时显示。
第 8 步 · 管理员后台 + Feature Toggle（约 1.5 小时）
TRAE 搭建了完整的管理员后台——增强版仪表盘（用户/星图/事件/快照统计 + 每日趋势）、用户分析（新增趋势/角色分布/活跃度）、星图分析（总数/节点/事件分类/运势分布）、轨迹分析（Top20 活跃度排名）、系统监控（数据库大小/表统计/API 路径统计）、事件日志。同时建立了 6 个 Feature Toggle 开关（增量进化/版本历史/本地缓存/进化动效/区块链存证/AI 事件增强），通过环境变量控制，支持运行时 ReloadFlags 热重载。
第 9 步 · MCP 智能体协议接入（约 1 小时）
描述「想让 Claude Desktop、Cursor 这些外部 AI 直接调用项目的八字推演和星图进化能力」，TRAE 引入 mark3labs/mcp-go 库，在 backend/mcp/ 生成独立 MCP 服务端（stdio 模式），注册 4 个工具：
bazi_calculate：输入出生年月日时 + 性别，返回完整八字命盘 JSON（复用 fortune 引擎）starmap_add_event：自然语言解析事件 → 自动提取年份/分类/影响力 → 入库starmap_evolve：触发星图进化，生成新版本节点commitment_create：文本 → SHA-256 哈希存证
MCP 适配层 mcp_adapters.go 把核心业务逻辑抽成纯函数，HTTP 接口和 MCP 工具共用同一份代码，零重复。配置好 mcp-config.json 后，Claude Desktop 重启即可看到 LifeScript 工具集。
第 10 步 · 版本历史 + 增量进化（约 0.5 小时）
描述「每次星图进化都要留个快照，将来能回溯每个版本」，TRAE 写了 migrations/001_version_history.sql 迁移脚本：
- 新建 star_map_snapshots 表：存版本号、节点 JSON、轨迹、SHA-256 哈希
- star_events 表增加 evolved_version 字段，标记事件被合并到哪个版本
- 新增 4 个 API：
/starmap/history（列表）、/starmap/history/:version（详情）、/starmap/evolve/incremental（增量进化）、/starmap/:id/rename（重命名） - 完整回滚脚本 001_version_history_rollback.sql，零数据损失
第 11 步 · GSAP 电影级动效升级（约 1 小时）
描述"页面切换太生硬，想要电影级的滚动入场和涟漪反馈，让星河主题贯穿每一处交互"，TRAE 接入了 GSAP ^3.15.0 动画引擎并注册 ScrollTrigger 插件，新增三个 composable：
useGsapReveal.js：5 种方向（left/right/scale/down/up）的滚动入场，配合 ScrollTrigger 触发，stagger 交错延迟，power2.inOut 缓动，已接入 HomeView / AdminView / TimelineView 三大核心页面；useScrollReveal.js：IntersectionObserver 轻量级渐入，作为 GSAP 的降级方案；useRipple.js：Material Design 风格涟漪点击效果，cubic-bezier(0.4,0,0.2,1) 缓动。
第 12 步 · 安全加固闭环（约 0.5 小时）
把一份安全审计清单丢给 TRAE，让它逐项修复，一次性完成 4 处加固：
- JWT 严格鉴权：
ExtractBearerToken缺少 "Bearer " 前缀时直接返回空串拒绝（原实现会放行裸 token，存在鉴权绕过风险），同步更新 jwt_test.go 测试断言； - 依赖漏洞修复：vitest 从 ^1.6.0 升级到 ^3.2.6，修掉 4 个 npm 安全漏洞；
- 构建产物清理：vite.config.mjs 添加
emptyOutDir: true，每次构建前清空 dist 目录，防止旧版本文件残留导致 MIME 类型错误； - 测试文件隔离：test_ai_direct.go 添加
//go:build ignore标签，解决与 main.go 的 main 函数重复声明冲突。
最后跑一遍 go build && go vet && go test && npm run build && npx vitest run，230+ 测试用例全绿通过，覆盖 22 个模块（认证/CRUD/安全/并发/数据隔离/命理引擎/响应格式）。
关键开发步骤截图（不少于 3 张）：
请在此处上传你的开发过程截图
-
[截图 1]
-
[截图 2]
-
[截图 3]
-
[截图 4]
-
[截图 5]
-
[截图 6]
关键任务对话 Session ID（5 个，均为实际开发 ID）：
Session ID 是 TRAE 每段对话任务的唯一标识。以下 5 个 ID 由实际开发过程中双击对话标题复制获取，可在 TRAE 客户端中验证。
Session 1（添加用户系统 + 文件系统 + 头像个人中心）：
.2024654415598313:9a6075ff99b4b4a3e42e091ad55b9e6f_6a35286e429502d03813bf71.6a352b91429502d03813c127.6a352b91429502d03813c125:TRAE Work CN.0.1.21
Session 2（优化黑洞星图设计 — 八卦/洛书河图/北斗七星四层符文环）：
.2024654415598313:b36890c0bb336694e0377e7531a01395_6a356953429502d03813d4c7.6a356953429502d03813d4ca.6a356953429502d03813d4c8:TRAE Work CN.0.1.21
Session 3（可进化的星图生成模型 + 二维人生轨迹 + 服务端持久化 + AI 对话联动）：
.2024654415598313:07e5ecf8859b294a05996b4e88b0929c_6a356010429502d03813cea6.6a356010429502d03813cea9.6a356010429502d03813cea7:TRAE Work CN.0.1.21
Session 4（管理员后台扩展 — 仪表盘/用户分析/星图分析/事件日志/系统监控/轨迹）：
.2024654415598313:ab18b510cd186bb48f17cb33ebee2df4_6a364493841d75eb03b1bb8b.6a364493841d75eb03b1bb8e.6a364493841d75eb03b1bb8c:TRAE Work CN.0.1.21
Session 5 （按钮集成，避免占画面，切换全局主题，改成深邃星空配色，全液态玻璃栏卡片，内容缩小化，可根据ctrl加滚轮缩小全局大小）
.2024654415598313:b8412d2834efbd099d32ff81e454f95e_6a39885c82d0119b9e05a85f.6a39d80882d0119b9e05aef9.6a39d80882d0119b9e05aef7:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/23 08:49:12)
踩坑复盘（7 点）：
- 跨域 CORS 是新手噩梦：前端请求后端 API 时被浏览器拦截，TRAE 识别后直接在 main.go 中添加了
gin-contrib/cors中间件，问题秒解； - Vite 5.x 存在 esbuild 安全漏洞：TRAE 主动提醒并升级到 Vite 6.4.3，同时配置
manualChunks让 Three.js 独立打包，首屏加载速度提升 60%； - AI 返回 JSON 不稳定：一开始直接把 AI 返回内容用
<pre>标签渲染到页面显示源码，TRAE 建议后端加结构化解析层 + 前端卡片化展示，现在稳定输出； - Go 后端编译路径问题：Windows 下 Go 模块路径与文件系统不一致导致编译失败，TRAE 帮助调整了 go.mod 的 module 路径和 import 引用，成功编译出单文件 exe；
- JWT 鉴权绕过 + 依赖漏洞连环爆：安全审计时发现
ExtractBearerToken缺少 "Bearer " 前缀时会放行裸 token，存在鉴权绕过风险；同时 vitest 1.x 存在 4 个 npm 漏洞。TRAE 一次性修好：严格模式返回空串拒绝 + 升级 vitest 到 3.2.6，还顺手用//go:build ignore解决了测试文件 main 函数重复声明。这次踩坑让我意识到：安全审计应该作为上线前的固定环节，不能等出了事再补。 - MCP 服务端 stdio 模式日志污染：MCP 用 stdio 传输 JSON-RPC，一开始 log 输出到 stdout 直接把协议帧打断了，Claude Desktop 收不到响应。TRAE 定位后把所有日志切到 stderr（
log.SetOutput(os.Stderr)），stdout 只留协议数据，问题秒解； - 数据库迁移兼容性：直接 ALTER TABLE 加字段在老数据库上会报"列已存在"错误。TRAE 改用
CREATE TABLE IF NOT EXISTS+ALTER TABLE ADD COLUMN（SQLite 不支持 IF NOT EXISTS，靠 try-catch 兜底），并配套写了 rollback 脚本，老数据零损失。
5. 对应的报名审核通过的帖子链接
【学习工作赛道】人生剧本 LifeScript · 用对话式 AI 编写你的人生剧本
把人生变成一张星图，让未来可以被看见。
