予己·好好爱自己

予己https://yujiapp.fun/ Slogan：好好爱自己，慢慢成为自己。 一句话定位：一款像素轻游戏风格的治愈向内成长 App，通过虚拟 “小我” ，强调“每个人都是独一无二” 的个体，用户看见、理解、接纳、成长自我；将情绪觉察、自我照顾、成长行动转化为可视化场景、植物、星迹记忆，打造用户专属个人内在操作系统。 一、项目背景 当下 1830 岁年轻人面临学业、职场压力，不少人存在情绪内耗、高敏感的问题，自我觉察与自我接纳的需求持续提升。市面上多数成长类 App 偏向强打卡、强任务模式，会给情绪敏感的用户带来额外心理压力，缺少低压力、陪伴式的自我成长工具。因此我们开发《予己》，借助像素平行世界的养成玩法，帮助用户探索自我、接纳自我，成长自我。 二、目标用户 1830 岁年轻人；存在情绪内耗、高敏感、希望自我觉察与自我接纳；追求低压力、沉浸式陪伴式自我成长。 三、技术栈 （一）前端技术 层面 技术选型 说明 框架 原生 Vanilla JS IIFE 模块化模式，轻量无依赖 UI 层 原生 HTML5 + CSS3 精细化像素风 UI，CSS Sprite Sheet 动画 字体 Press Start 2P + ZCOOL KuaiLe 像素风英文字体 + 中文快乐体，Google Fonts CDN 加载 PWA Web App Manifest + Service Worker 可安装到手机桌面，竖屏锁定，预留离线能力 BaaS SDK supabasejs v2.39.0 CDN UMD 引入，前端直接操作 PostgreSQL + Auth + Storage 状态管理 自研 State 模块 js/state.js，本地缓存 + 防抖同步 + 离线兜底 CSS 缓存 Query String 版本号机制 如？v=41，每次发布递增版本本强制刷新浏览器缓存 像素图像处理 Canvas BFS Flood Fill + SVG Filter 四边去白底 + alpha 硬边二值化，解决家具半透明背景问题 （二）后端技术（Supabase 架构） 组件 技术选型 说明 身份认证 Supabase Auth (JWT) 用户名→虚拟邮箱映射，禁用邮箱验证，支持「记住我」自动登录 数据库 PostgreSQL 15 + RLS 所有表启用行级安全，普通用户只读公开数据、仅能读写自己的 user_state 触发器 PL/pgSQL handle_new_user() Auth 用户注册自动同步到 public.users 扩展表 无服务器函数 Supabase Edge Functions Deno + TypeScript，封装 AI API 调用、管理员接口、星星挖掘 对象存储 Supabase Storage 4 个公开读桶：家具图、商店图、Tab 背景图、农场图 AI 集成 可配置多 Provider 表 ai_config 配置，System Prompt + 动态上下文，兼容 OpenAI 兼容接口 （三）管理后台（yujiapp/admin/） 模块 功能说明 页面载体 独立静态页面：admin/index.html + admin.js + admin.css 权限鉴权 Supabase RLS is_admin () 函数鉴权，判断 public.users.role='admin' 家具库管理 家具目录增删改查，维护尺寸、分类、价格、解锁条件 房间布局编辑 拖拽编辑器，可视化设置新用户默认房间家具摆放 种子目录管理 Tab2、Tab3 的技能种子参数配置 农场地块配置 9 格农场地块的坐标与布局调整 商店管理 金币商店商品上下架、价格设定 AI 参数配置 AI 服务商、密钥、System Prompt 等参数维护 背景资源管理 上传、管理四个 Tab 页面的背景图 （四）部署与运维 环节 方案 前端托管 Vercel 静态站点，Root Directory = yuji-app 后端 BaaS Supabase Cloud 项目：saxpmirsqlhokzuoiray 数据库迁移 版本化 SQL 文件（supabase/migrations/001_.sql ~ 005_.sql），手动在 SQL Editor 执行 Edge Functions 部署 Supabase CLI + deploy.ps1 脚本 像素资源流水线 tools/ 下 20+ Python 脚本（Pillow）：Sprite 对齐、抠图、9-grid 切分、Data URI 内联等 四、项目介绍 整体架构：此刻（家） → 遇见（森林） → 生长（花园） → 星迹（个人宇宙） 对应逻辑：看见自己 → 认识自己 → 成长自己 → 沉淀自己 Tap1此刻・平行小屋  2D 像素小屋首页，搭载今日自我照顾轻表单  完成喝水、深呼吸等低压力自我关照行为  小我情绪记录，影响场景动画氛围  幸福值、予己金币温和数值体系  像素物件交互，存钱罐跳转商店  AI 生成《个人说明书》 Tap2遇见・内心森林  主页面为 2D 像素迷雾森林，不直接铺设表单和长列表。  本心对语：与屏幕中的自己对话，不定时传信。  心灵树洞：进行情绪深度记录，进入自我探索，AI进行辅助引导。 Tap3生长・生命花园  采用 2.5D 斜等轴测种田场景，MVP 资源不足时可先以 2D 斜排布模拟。  成长目标对应种子，用户的 每提升一个技能，就会为植物提供“养料”。  植物永不枯萎，长期搁置只停止生长，不进行惩罚。 Tap4 星迹・个人宇宙  采用低饱和晨昏流动天空，替代压抑的纯黑宇宙背景。  沉淀来自首页、森林、花园和精神体验的重要事件。  星点亮度体现事件重要程度，点击后可查看事件详情。  支持成长时间轴、成长档案与用户手动创建星点。  AI 汇总星点记录，持续更新《自我说明书》。 五、创新点 （一） 向内成长与轻游戏融合 将情绪觉察、自我照顾和成长行动与像素房间、森林、花园、星迹等游戏化场景结合，让抽象的成长过程变得可视化，但避免竞技、排行和任务压迫。 （二）“小我”作为另一个自己的陪伴载体 “小我”不是宠物，也不是传统游戏角色，而是屏幕中的另一个自己。用户的情绪、状态和行动会影响小我的行为与环境氛围，形成“记录—反馈—觉察”的陪伴关系。 （三）无惩罚的成长机制 项目强调数值不下降、植物不枯萎、无连续打卡、无排行榜。用户即使暂时停下，也不会因“落后”受到系统惩罚，降低成长类产品可能带来的内卷感。 （四）跨场景成长记忆闭环 房间、森林、花园和星迹不是独立功能页面，而是通过摆件、记忆光点、星点和《自我说明书》进行数据与体验联动，形成持续积累的个人成长档案。 （五）关爱行为与虚拟犒劳结合 予己金币和商店机制。金币只能通过自我关照行为获得，并用于虚拟实体物件或后续精神体验，强调“善待自己之后，也可以犒劳自己”。 六、团队分工（本项目由两人协作完成） UI设计成员：完成全套 UI 交互界面设计；输出比赛宣传海报、易拉宝等视觉物料；撰写整理完整项目文档，梳理产品痛点、创新点、功能架构，完成参赛交付材料。 开发成员：承担前端页面搭建与后端服务开发，完成接口对接调试，实现产品核心业务功能，搭建可现场演示的项目 Demo。 七、开发过程 项目由概念构思起步，完成从 0 到 1 的全流程落地。在开发阶段，前后端进行多轮接口联调，一边实现业务功能，一边同步调试排查各类兼容性、逻辑异常问题；设计侧同步根据开发反馈调整 UI 细节与物料，产品与开发不断对齐预期，经过多轮修改打磨，逐步完善各项核心能力，最终输出可正常演示的项目 Demo。 八、后续计划 （一）商业模式与收费设计 本产品采用免费增值（Freemium）模式，保障所有用户可以完整体验自我记录、像素小人养成、四大场景等核心产品能力，基础功能永久免费。付费模块全部为增值服务，不会设置付费墙阻碍核心体验。 1.Pro 会员订阅：月 / 年订阅，解锁 AI 深度报告、更多额度 AI 对话、专属像素装扮、无广告等高阶功能。 2.轻量内购：一次性购买像素家具、外观、主题包，仅修改视觉，无数值加成；支持买断全部外观素材。 3.激励广告：无强制弹窗，用户主动观看换取 AI 额度、装饰碎片。 4.单次付费：付费导出个人成长 PDF 档案。 未来迭代可拓展与 B 端校园合作，面向高校心理社团提供校园版授权，拓展产品落地场景。 （二）后续迭代：图片上传定制专属 IP 形象 1.图片上传定制专属 IP 形象 为进一步强化 “每个人独一无二” 的产品内核，后续计划上线照片生成专属像素 IP 功能。用户可以上传个人照片，系统识别面部特征、发型、穿搭风格，转化为 16bit 像素画风的专属小人形象，作为平行世界里的自我化身。 用户生成的专属 IP 可以用于房间场景、花园场景，替换系统默认角色，让虚拟小人与现实自我建立更强的情感连接，提升产品代入感。 商业化结合：该定制 IP 能力可以作为Pro 会员专属增值权益：会员可不限次数生成专属像素 IP；普通用户提供有限次数免费生成机会，更多生成次数需要会员 / 单次内购。 2.IP 实体化，支持 3D 打印输出专属形象 在用户生成专属像素 IP 形象之后，产品支持将 2D 像素角色自动转换为可打印的 3D 模型文件（STL/3MF 格式），用户可以导出模型文件，连接家用 3D 打印机，将属于自己的专属小人打印为实体手办，完成从数字平行世界到现实世界的延伸，让虚拟的自我化身成为可以触摸的实物，进一步强化 “每个人都是独一无二” 的产品内核。 用户拥有两种使用路径： (1)本地导出 3D 模型文件，自行使用家用 3D 打印机完成打印； (2)对接第三方代打印服务入口，线上下单，获取实体人偶。 （三）商业化定位 该能力作为Pro 会员高阶增值权益：会员可生成并下载 3D 打印模型文件；普通用户仅开放少量 2D 专属 IP 生成次数，不开放 3D 模型导出。模型文件仅供用户个人非商用自用，不用于批量售卖。 九、风险与约束 1.隐私保护：用户上传原始照片仅用于生成形象，服务器不永久存储原始人像素材； 2.模型校验：系统自动对 3D 模型做壁厚、水密性校验，保证文件适配主流 FDM 家用 3D 打印机，避免打印失败； 3.版权说明：生成的 3D 模型仅限用户个人自用，禁止商用二次售卖，规避知识产权风险。 Slogan：好好爱自己，慢慢成为自己。 一句话定位：一款像素轻游戏风格的治愈向内成长 App，通过虚拟 “小我” ，强调“每个人都是独一无二” 的个体，用户看见、理解、接纳、成长自我；将情绪觉察、自我照顾、成长行动转化为可视化场景、植物、星迹记忆，打造用户专属个人内在操作系统。 一、项目背景 当下 1830 岁年轻人面临学业、职场压力，不少人存在情绪内耗、高敏感的问题，自我觉察与自我接纳的需求持续提升。市面上多数成长类 App 偏向强打卡、强任务模式，会给情绪敏感的用户带来额外心理压力，缺少低压力、陪伴式的自我成长工具。因此我们开发《予己》，借助像素平行世界的养成玩法，帮助用户探索自我、接纳自我，成长自我。 二、目标用户 1830 岁年轻人；存在情绪内耗、高敏感、希望自我觉察与自我接纳；追求低压力、沉浸式陪伴式自我成长。 三、技术栈 （一）前端技术 层面 技术选型 说明 框架 原生 Vanilla JS IIFE 模块化模式，轻量无依赖 UI 层 原生 HTML5 + CSS3 精细化像素风 UI，CSS Sprite Sheet 动画 字体 Press Start 2P + ZCOOL KuaiLe 像素风英文字体 + 中文快乐体，Google Fonts CDN 加载 PWA Web App Manifest + Service Worker 可安装到手机桌面，竖屏锁定，预留离线能力 BaaS SDK supabasejs v2.39.0 CDN UMD 引入，前端直接操作 PostgreSQL + Auth + Storage 状态管理 自研 State 模块 js/state.js，本地缓存 + 防抖同步 + 离线兜底 CSS 缓存 Query String 版本号机制 如？v=41，每次发布递增版本本强制刷新浏览器缓存 像素图像处理 Canvas BFS Flood Fill + SVG Filter 四边去白底 + alpha 硬边二值化，解决家具半透明背景问题 （二）后端技术（Supabase 架构） 组件 技术选型 说明 身份认证 Supabase Auth (JWT) 用户名→虚拟邮箱映射，禁用邮箱验证，支持「记住我」自动登录 数据库 PostgreSQL 15 + RLS 所有表启用行级安全，普通用户只读公开数据、仅能读写自己的 user_state 触发器 PL/pgSQL handle_new_user() Auth 用户注册自动同步到 public.users 扩展表 无服务器函数 Supabase Edge Functions Deno + TypeScript，封装 AI API 调用、管理员接口、星星挖掘 对象存储 Supabase Storage 4 个公开读桶：家具图、商店图、Tab 背景图、农场图 AI 集成 可配置多 Provider 表 ai_config 配置，System Prompt + 动态上下文，兼容 OpenAI 兼容接口 （三）管理后台（yujiapp/admin/） 模块 功能说明 页面载体 独立静态页面：admin/index.html + admin.js + admin.css 权限鉴权 Supabase RLS is_admin () 函数鉴权，判断 public.users.role='admin' 家具库管理 家具目录增删改查，维护尺寸、分类、价格、解锁条件 房间布局编辑 拖拽编辑器，可视化设置新用户默认房间家具摆放 种子目录管理 Tab2、Tab3 的技能种子参数配置 农场地块配置 9 格农场地块的坐标与布局调整 商店管理 金币商店商品上下架、价格设定 AI 参数配置 AI 服务商、密钥、System Prompt 等参数维护 背景资源管理 上传、管理四个 Tab 页面的背景图 （四）部署与运维 环节 方案 前端托管 Vercel 静态站点，Root Directory = yuji-app 后端 BaaS Supabase Cloud 项目：saxpmirsqlhokzuoiray 数据库迁移 版本化 SQL 文件（supabase/migrations/001_.sql ~ 005_.sql），手动在 SQL Editor 执行 Edge Functions 部署 Supabase CLI + deploy.ps1 脚本 像素资源流水线 tools/ 下 20+ Python 脚本（Pillow）：Sprite 对齐、抠图、9-grid 切分、Data URI 内联等 四、项目介绍 整体架构：此刻（家） → 遇见（森林） → 生长（花园） → 星迹（个人宇宙） 对应逻辑：看见自己 → 认识自己 → 成长自己 → 沉淀自己 Tap1此刻・平行小屋  2D 像素小屋首页，搭载今日自我照顾轻表单  完成喝水、深呼吸等低压力自我关照行为  小我情绪记录，影响场景动画氛围  幸福值、予己金币温和数值体系  像素物件交互，存钱罐跳转商店  AI 生成《个人说明书》 Tap2遇见・内心森林  主页面为 2D 像素迷雾森林，不直接铺设表单和长列表。  本心对语：与屏幕中的自己对话，不定时传信。  心灵树洞：进行情绪深度记录，进入自我探索，AI进行辅助引导。 Tap3生长・生命花园  采用 2.5D 斜等轴测种田场景，MVP 资源不足时可先以 2D 斜排布模拟。  成长目标对应种子，用户的 每提升一个技能，就会为植物提供“养料”。  植物永不枯萎，长期搁置只停止生长，不进行惩罚。 Tap4 星迹・个人宇宙  采用低饱和晨昏流动天空，替代压抑的纯黑宇宙背景。  沉淀来自首页、森林、花园和精神体验的重要事件。  星点亮度体现事件重要程度，点击后可查看事件详情。  支持成长时间轴、成长档案与用户手动创建星点。  AI 汇总星点记录，持续更新《自我说明书》。 五、创新点 （一） 向内成长与轻游戏融合 将情绪觉察、自我照顾和成长行动与像素房间、森林、花园、星迹等游戏化场景结合，让抽象的成长过程变得可视化，但避免竞技、排行和任务压迫。 （二）“小我”作为另一个自己的陪伴载体 “小我”不是宠物，也不是传统游戏角色，而是屏幕中的另一个自己。用户的情绪、状态和行动会影响小我的行为与环境氛围，形成“记录—反馈—觉察”的陪伴关系。 （三）无惩罚的成长机制 项目强调数值不下降、植物不枯萎、无连续打卡、无排行榜。用户即使暂时停下，也不会因“落后”受到系统惩罚，降低成长类产品可能带来的内卷感。 （四）跨场景成长记忆闭环 房间、森林、花园和星迹不是独立功能页面，而是通过摆件、记忆光点、星点和《自我说明书》进行数据与体验联动，形成持续积累的个人成长档案。 （五）关爱行为与虚拟犒劳结合 予己金币和商店机制。金币只能通过自我关照行为获得，并用于虚拟实体物件或后续精神体验，强调“善待自己之后，也可以犒劳自己”。 六、团队分工（本项目由两人协作完成） UI设计成员：完成全套 UI 交互界面设计；输出比赛宣传海报、易拉宝等视觉物料；撰写整理完整项目文档，梳理产品痛点、创新点、功能架构，完成参赛交付材料。 开发成员：承担前端页面搭建与后端服务开发，完成接口对接调试，实现产品核心业务功能，搭建可现场演示的项目 Demo。 七、开发过程 项目由概念构思起步，完成从 0 到 1 的全流程落地。在开发阶段，前后端进行多轮接口联调，一边实现业务功能，一边同步调试排查各类兼容性、逻辑异常问题；设计侧同步根据开发反馈调整 UI 细节与物料，产品与开发不断对齐预期，经过多轮修改打磨，逐步完善各项核心能力，最终输出可正常演示的项目 Demo。 八、后续计划 （一）商业模式与收费设计 本产品采用免费增值（Freemium）模式，保障所有用户可以完整体验自我记录、像素小人养成、四大场景等核心产品能力，基础功能永久免费。付费模块全部为增值服务，不会设置付费墙阻碍核心体验。 1.Pro 会员订阅：月 / 年订阅，解锁 AI 深度报告、更多额度 AI 对话、专属像素装扮、无广告等高阶功能。 2.轻量内购：一次性购买像素家具、外观、主题包，仅修改视觉，无数值加成；支持买断全部外观素材。 3.激励广告：无强制弹窗，用户主动观看换取 AI 额度、装饰碎片。 4.单次付费：付费导出个人成长 PDF 档案。 未来迭代可拓展与 B 端校园合作，面向高校心理社团提供校园版授权，拓展产品落地场景。 （二）后续迭代：图片上传定制专属 IP 形象 1.图片上传定制专属 IP 形象 为进一步强化 “每个人独一无二” 的产品内核，后续计划上线照片生成专属像素 IP 功能。用户可以上传个人照片，系统识别面部特征、发型、穿搭风格，转化为 16bit 像素画风的专属小人形象，作为平行世界里的自我化身。 用户生成的专属 IP 可以用于房间场景、花园场景，替换系统默认角色，让虚拟小人与现实自我建立更强的情感连接，提升产品代入感。 商业化结合：该定制 IP 能力可以作为Pro 会员专属增值权益：会员可不限次数生成专属像素 IP；普通用户提供有限次数免费生成机会，更多生成次数需要会员 / 单次内购。 2.IP 实体化，支持 3D 打印输出专属形象 在用户生成专属像素 IP 形象之后，产品支持将 2D 像素角色自动转换为可打印的 3D 模型文件（STL/3MF 格式），用户可以导出模型文件，连接家用 3D 打印机，将属于自己的专属小人打印为实体手办，完成从数字平行世界到现实世界的延伸，让虚拟的自我化身成为可以触摸的实物，进一步强化 “每个人都是独一无二” 的产品内核。 用户拥有两种使用路径： (1)本地导出 3D 模型文件，自行使用家用 3D 打印机完成打印； (2)对接第三方代打印服务入口，线上下单，获取实体人偶。 （三）商业化定位 该能力作为Pro 会员高阶增值权益：会员可生成并下载 3D 打印模型文件；普通用户仅开放少量 2D 专属 IP 生成次数，不开放 3D 模型导出。模型文件仅供用户个人非商用自用，不用于批量售卖。 九、风险与约束 1.隐私保护：用户上传原始照片仅用于生成形象，服务器不永久存储原始人像素材； 2.模型校验：系统自动对 3D 模型做壁厚、水密性校验，保证文件适配主流 FDM 家用 3D 打印机，避免打印失败； 3.版权说明：生成的 3D 模型仅限用户个人自用，禁止商用二次售卖，规避知识产权风险。