标签： 生活娱乐
标题： 【生活娱乐赛道】绽放 Bloom — 帮助内向者渐进式走出社交舒适圈的 AI 成长平台
一、Demo 简介
是什么： 绽放 Bloom 是一个专为内向型人格（I 人）量身定制的渐进式社交成长网站。它通过 AI 生成个性化阶梯挑战任务、温暖匿名社区互助、每日肯定话语三大模块，帮助用户在不勉强自己的前提下，分步走出社交舒适圈。
面向谁： 18–35 岁有社交焦虑倾向的内向人群，包括大学生、职场新人、远程办公者、独居年轻人等。
主要功能：
-
AI 阶梯挑战 — 基于用户当前等级与情绪状态，每天生成 1–3 个「踮起脚就能完成」的微社交任务。从 L1「与便利店员对视微笑」到 L7「主动组织一次聚会」，共 7 级 100+ 任务模板，遵循心理学「系统脱敏疗法」的渐进暴露原理。
温暖匿名社区 — 没有点赞数、没有粉丝榜、没有「秀」的压力。只有同样在练习的 I 人，用花苞图标互相打气、分享挑战日记。社区氛围由心理学顾问与社区规约共同守护。
-
每日肯定话语 — 每天早上 8 点，用户会收到一句 AI 根据昨日打卡、心情和性格画像生成的专属肯定，替代社交媒体的焦虑刷屏，成为打开一天的第一个温柔触点。
二、Demo 创作思路
灵感来源： 身边很多朋友都是典型的 I 人——点单时心跳加速、群聊中沉默不语、因回避社交错失了很多机会。他们并不抗拒社交本身，而是缺少一个「从零开始、一步一步来」的安全路径。传统社交平台只会加剧压力，心理咨询又门槛太高，中间存在巨大的产品空白。
想解决的问题：
- 没有产品提供「分阶梯」的社交暴露训练——要么太专业（心理咨询），要么太泛泛（鸡汤文章）
- 传统社交平台（朋友圈、微博等）对外向者友好，却加剧内向者的社交压力
- 社交困难者缺乏一个安全、无评判的社区来互相支持
- 社交恐惧者往往不敢向身边人倾诉，孤独感和自我否定无处排解
为什么做这个方向： 内向者占人口 30–50%，这是一个规模庞大却被长期忽视的群体。市面上几乎没有专门为内向者设计的渐进式社交训练产品，而心理学「系统脱敏疗法」已经被证实有效——我们只是把它产品化、普惠化。
三、Demo 体验地址
在线预览链接：
四、TRAE 实践过程
整个 Demo 从创意提案到可体验网页，全程使用 TRAE Work Auto 模式完成。
步骤 1：项目初始化与 React + Vite 架构搭建
使用 TRAE 创建项目骨架，初始化 React + Vite + TypeScript 技术栈，配置 Tailwind CSS 原子化样式、Motion 动画库和路由结构。同时设计了以「温暖绿色」为主色调的品牌视觉体系，定义了 glass-card、warm-gradient 等全局样式变量。
关键操作：
-
通过 TRAE 终端执行
npm create vite初始化项目 -
配置 Tailwind CSS v4 主题变量（brand-500、warm-50 等）
-
搭建 App.tsx 主框架，设计 Dashboard / Challenges / Community / Profile 四大模块
截图：
Session ID：【1765143444745875:f7022505a9ac689106166be423c40ed7_6a4105bd220d68e50d35df6c.6a4105bd220d68e50d35df6f.6a4105bd220d68e50d35df6d:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 19:30:05)】
步骤 2：测试排查与 UX 修复优化
使用 TRAE 对网站进行全面测试，发现 7 个影响评审体验的问题，逐一修复并重新构建部署。包括添加 hash 路由解决刷新 404、消除控制台报错、为移动端底部导航添加文字标签、帖子类型中文化、热门话题改为固定值、同一天挑战 streak 去重等。
关键操作：
-
通过 TRAE 浏览器代理测试网站各页面功能和响应式表现
-
发现路由刷新 404 问题，在 App.tsx 中添加 hash 路由同步机制
-
发现控制台报错，重构 supabase.ts 在未配置时返回静默空数据
-
修复底部导航无文字、帖子类型显示英文、热门话题随机数等 UX 细节
截图：
Session ID：【1765143444745875:f71fe227719f20f0216818450286b1bd_6a4105bd220d68e50d35df6c.6a410bd9220d68e50d35e039.6a410bd9220d68e50d35e037:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 19:56:09)】
步骤 3：代码提交与 GitHub 版本管理
通过 TRAE 终端执行 git add、git commit、git push 命令，将修复后的 4 个文件提交到 GitHub 仓库，完成版本管理和代码备份。
关键操作：
-
使用 TRAE 配置 git user.name 和 user.email
-
执行
git add暂存修改的 4 个文件 -
使用 Conventional Commits 规范提交：
fix: improve UX for competition demo -
使用
gh auth setup-git配置凭证后推送至origin/main -
成功推送后确认 GitHub 仓库已更新
提交文件清单：
-
src/lib/supabase.ts- 消除控制台报错 -
src/App.tsx- hash 路由 + 底部导航文字标签 -
src/components/Community.tsx- 帖子类型中文化 + 热门话题固定值 -
src/components/Challenges.tsx- streak 同一天去重 -
截图：
-
Session ID：
【1765143444745875:b556f82d7bab474513dff646c81a3d1a_6a4105bd220d68e50d35df6c.6a48c8284392cb3f849c17c6.6a48c8284392cb3f849c17c4:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/7/4 16:45:28)】
报名帖链接： 绽放 Bloom 是一款基于心理学"系统脱敏疗法"的网站产品，通过 AI 生成个性化阶梯式社交挑战、温暖社区互助和每日肯定，帮助内向者逐步克服社交恐惧、重建社交自信。
