【标签】生活娱乐
【标题】 【生活娱乐】星之谣·异界拾光——用 AI 把现实照片变成你的专属异世界物种图鉴
【正文】
1. Demo 简介
-
是什么：一个由 AI 驱动的异世界情感陪伴养成微信小程序。用户拍一张现实照片（一朵花、一杯咖啡、一只猫），腾讯混元多模态大模型会把它转化成专属异世界里的一个新物种，收录进图鉴，并由一个有记忆、有情绪的 AI 星灵伙伴对这次"新发现"产生真实的情感反应。核心动作只有一个：拍照。
-
面向谁：18-30 岁年轻女性为主，喜欢收集养成、治愈系、奇幻题材，习惯用拍照记录生活、但相册照片"拍完就忘"的用户。
-
主要功能：
-
拍照→AI 物种转化（核心闭环）
-
拍照 → 微信官方图片审核 → 混元视觉模型识别 → 物种转化（异世界名 + 设定 + 用途）→ 文生图生成异世界插画 → 星灵情感反应 → 收入图鉴
-
一次多模态调用同时完成"识别 + 物种转化 + 星灵反应"
-
-
有记忆的 AI 星灵伙伴
-
3 种人格（好奇 / 傲娇 / 温柔）+ 记忆注入机制（记住用户拍过的每个物种和对话）
-
主动问候 + 对话触发 6 种 CSS 动作动画（点头 / 挥手 / 跳跃 / 扭动等）
-
星灵会因情绪变化在异世界地图上走动
-
-
6 大世界观皮肤系统 + 异世界地图
-
6 种世界观（星之谣 / 玄幻 / 仙侠 / 魔法 / 废土 / 机甲），影响物种转化风格、插画画风、星灵语气、tabBar 图标、背景图全套换肤
-
后台动态下发完整皮肤包，小程序启动拉取 + 本地缓存 + 版本号比对
-
6 大区域分品类解锁的异世界地图，区域页支持地图视图（三层地形装饰 + 物种标记悬浮 + 下落动画）
-
2. Demo 创作思路
-
灵感来源：两个观察促成了这个产品。第一，身边朋友都在玩《集合啦！动物森友会》《口袋妖怪》这类收集养成游戏，但收集的物品与现实生活无关，玩久了容易空虚。第二，AIGC 能力（多模态大模型 + 文生图）已经可以把"任意一张照片"转化成有名字、有设定、有插画的奇幻物种——这是 AI 才能做的"蓝海"，传统规则引擎做不到。
-
想解决的问题：拍照是每个人每天都在做的事，但照片拍完就躺在相册里很快被遗忘，没有"延续性"与"情感沉淀"。我们想解决：如何让一张普通的照片，变成一段值得记住的异世界冒险记忆？ 用现实照片当"入场券"，AI 把它转化成用户专属异世界里的新物种，再由一个有记忆的 AI 星灵伙伴对这次"新发现"产生真实的情感反应。
-
为什么做这个方向：
情感壁垒：星灵的过往互动不可迁移——换产品等于失去这段羁绊，这是最强的留存壁垒。每一张照片都不再是"图片"，而是"我和星灵共同经历的一天"。AI 蓝海：现有 AI 工具类小程序多是"一次性工具"（风格转换、人脸变身），没有长期情感钩子；现有收集养成游戏的收集物与现实无关。两者结合是 AI 独有的能力。
天然分享素材：同一张照片在不同世界观下转化成不同物种与插画，是天然的分享内容，利于冷启动传播。
3. Demo 体验地址（三选一）
4. TRAE 实践过程
-
清晰展示用 TRAE 完成 Demo 开发的完整流程；
（备注：由于移动过项目目录，目前找到的是移动目录后的对话记录了，只能在state.vscdb找到些许痕迹）本项目全程使用 TRAE IDE 开发完成，从项目骨架到 6 世界观皮肤系统全链路上线，共迭代 8 个版本周期（Day 1 - Day 8）。下面按关键阶段展示用 TRAE 完成 Demo 开发的完整流程。
阶段一：项目骨架 + 核心闭环（Day 1-2）
任务拆解：让 TRAE 规划小程序目录结构 → 生成首页星灵对话页 / 拍照页 / 图鉴页 → 编写 recognizeSpecies 与 spiritChat 两个核心云函数 → 设计数据库 5 集合 schema。
关键 Prompt 思路：把"拍照→识别→物种转化→星灵反应→存图鉴"的完整闭环用一段话描述清楚，让 TRAE 一次生成云函数主逻辑；提示词设计单独让 TRAE 产出 3 版人格系统提示词。
踩坑：
cloud.ai()在云函数端不可用，TRAE 帮我定位到需改用混元官方 API（OpenAI 兼容接口）+@cloudbase/node-sdk的文生图通道。阶段二：AI 调用架构重构 + 图片审核 + 文生图（Day 3）
任务拆解：解决
cloud.ai is not a function→ 混合 AI 架构（识别/对话走混元官方 API，文生图走 CloudBase AI+）→ 接入微信官方免费图片审核security.imgSecCheck→ 新增异世界插画生成（文生图）→ 图鉴/详情页展示插画。关键决策：不同功能走不同 API 通道最大化免费额度——图片审核免费 20 万次/天，识别用视觉模型，对话用文本模型，文生图用成长计划 1 万张免费额度。
踩坑：
tcb.init({ env: cloud.DYNAMIC_CURRENT_ENV })在 node-sdk 不识别，必须传具体环境 ID 字符串；generateImage必须传model字段否则失败。阶段三：异世界地图 + 星灵自定义 + 等级系统（Day 4-5）
任务拆解：6 大区域分品类解锁的异世界地图 → 星灵自定义（5 形象 + 6 色 + 3 人格，纯 CSS 零额度）→ 等级系统（经验/升级/3 阶段成长）→ 个人中心 → 6 主题切换（CSS 变量驱动）→ 星灵动作动画（6 种 CSS 动画按情绪触发）。
关键 Prompt 思路：把 spirit-avatar 做成共享组件复用；让 TRAE 设计 emotion 推断方案（混元 JSON 输出
{reply, emotion}+ 关键词兜底）。踩坑：
world.js聚合查询缺_openid过滤导致跨用户数据污染（严重 bug），TRAE 帮我定位到aggregate.match占位符不可靠，改用where查询。阶段四：6 世界观皮肤系统全链路（Day 6-8）
任务拆解：混元旧模型下线迁移 TokenHub（单端点方案）→ 6 世界观配置（影响物种转化风格/插画画风/星灵语气）→ 后台管理系统（Vue + Koa，8 个接口 CRUD/上下架/图片上传）→ 自定义 tabBar（双 image opacity 切换避免闪烁）→ cloud:// 协议批量转 https → 分享系统覆盖 6 页面。
关键决策：一个世界观 = 一套完整皮肤包（tabBar 图标 + 背景图 + 星灵 5 阶段图 + 6 区域图标），后台动态下发，小程序启动拉取缓存。环境隔离（本地 npm run dev 连测试环境，pm2 start 连生产环境）。
踩坑：
-
WXSS
background-image不支持 cloud:// 协议 → 改用<image>组件渲染 -
getTempFileURL传对象数组缺maxAge字段报错 → 改传字符串数组 -
tabBar 图标闪烁（星之谣/仙侠交替）→ setSkin/loadSkin 引用比较短路修复
-
首次启动显示默认 emoji 而非皮肤图 → await skinsPromise 后再 updateSpiritDisplay
-
-
附开发关键步骤截图（不少于 3 张）；
-
附关键任务对话的 Session ID（不少于 3 个），用于证明作品由 TRAE 开发完成。
.3762994803377866:6abfb158f9f819b8c6bc193b1e2ddf97_6a3f8c42c4be2d9d681aa2fa.6a40d41ab145440c1cc26055.6a40d41a717aec1563e196bb:Trae CN.T(2026/6/28 15:58:18).3762994803377866:6ed59a8435e4a432dfec54e6ff68c2bd_6a411070b145440c1cc2677f.6a411af7b145440c1cc267c7.6a411af7717aec1563e196d0:Trae CN.T(2026/6/28 21:00:39)
.3762994803377866:8c1876948fccba057f48b7ce2d8ac775_6a411070b145440c1cc2677f.6a4265f1594e6f82fd4c9fcc.6a4265f1932e0026a6981f84:Trae CN.T(2026/6/29 20:32:49)
5. 对应的报名审核通过的帖子链接