【AI Agent 独立开发】拒绝精神内耗：一个基于大模型的治愈系 微应用《小木的心屋》
# 【AI Agent 独立开发】拒绝精神内耗：一个基于大模型的治愈系 微应用《小木的心屋》
> **摘要：**
> 本文分享一款为深夜疲惫打工人打造的轻量级 AI 陪伴与情绪调节 H5 应用——《小木的心屋》。文章结合真实界面截图，详细介绍了如何整合 LLM Prompt 工程、结构化数据输出（JSON Structured Output）、ECharts 动态雷达图绘制以及睡眠呼吸调节系统的设计思路，并附带完整在线体验链接。
---
### 💡 一、 项目背景：为什么想做这个 AI 应用？
作为每天面对屏幕、频繁加班的打工人，深夜卸下一天的疲惫回到家时，往往会有一种深深的无力感。明明身体已经极度疲惫，但大脑却处于高频运转后的惯性兴奋中——刷着手机不想睡，也不敢睡。
传统的心理测试工具大多过于严肃、冰冷，且充斥着繁琐的单选题；而普通的聊天 AI 又往往缺少具体的场景感与情绪引导逻辑。
为了给每一个在深夜感到压抑、焦虑或无所适从的朋友提供一个“零门槛、低负担、有温度”的避风港，我独立开发了这个结合 **AI 陪伴 Agent** 与 **场景化交互** 的微型 应用——**《小木的心屋》**。
*▲ 《小木的心屋》首页开屏：干净无干扰，提示戴上耳机获得更佳体验*
---
### 🌿 二、 沉浸式交互流程与界面设计
整个应用在 UI/UX 上主打暖色调与沉浸感，旨在帮助用户快速切断外界噪音，放松神经：
#### 1. 场景推门与沉浸式引入
点击“轻轻推开门”后，伴随着吱呀的开门声与光影特效，用户将被引导进入小屋，伴有极具代入感的文字与背景画面。
*▲ 动态推门交互：伴随暖黄灯光溢出，正式开启自愈之旅*
#### 2. 多场景随机切换与共情对话
系统内置了 10 套随机生活化场景（如火炉旁喝咖啡、看晚霞、听风扇转动等）。在这里，AI 角色“小木”会像老朋友一样在炉火旁递上一杯咖啡，轻声引导用户诉说心事。
| 场景一：窗前晚霞 | 场景二：火炉咖啡 |
| :---: | :---: |
| ![晚霞场景]
| ![火炉咖啡场景]
|
| *把窗帘拉开一点，看最后一点晚霞* | *在火炉旁坐下，聊完绘制专属「心情地图」* |
---
### 📊 三、 可视化「六维心情地图」与动态处方
#### 1. 结构化数据解析与雷达图渲染
对话完成后，AI 后台会将用户的自然语言输入转换为结构化的情绪指标，前端使用 ECharts 实时渲染出专属的 **「六维心情地图」**（涵盖：情绪、压力、焦虑、睡眠、社交、自我六个维度）。
![六维心情地图雷达图]
*▲ 专属「六维心情地图」：直观量化心灵能量值与情绪状态*
#### 2. 六维细看与 AI 动态处方
除了雷达图，系统还会对各项指标进行细化拆解，并由 AI 根据当前用户的独特状态，生成一份针对性的“暖心处方”。
![六维细看与暖心处方]
*▲ 细化数据与 AI 专属处方：给出接地气的实操小建议*
#### 3. 睡前呼吸调节引导
最后，应用内置了可视化的光球呼吸练习，引导用户跟着光球膨胀与收缩的节奏进行深呼吸，平复交感神经，帮助快速入睡。
![呼吸练习界面]
*▲ 引导式呼吸练习：跟随光球节奏，平复睡前焦虑*
---
### 🤖 四、 核心技术实现亮点
1. **共情型 AI Agent Prompt 架构：**
针对“小木”角色进行了深度 Prompt 调优，使其具备严密的情绪识别能力，能够捕捉用户文本中的隐性焦虑，输出语气克制、温暖且富有同理心的回复。
2. **自然语言 ➔ JSON 结构化数据（Structured Output）：**
利用大模型的 Function Calling / Structured Output 能力，从对话上下文中提取情绪因子并转化为 JSON 格式的数值，为前端雷达图和进度条提供实时数据支撑。
3. **前端渲染与性能优化：**
基于 Canvas 与 ECharts 完成雷达图的轻量化绘制，全站资源经过压缩，保证在移动端 Web 及微信内置浏览器中秒级加载。
---
### 🛠️ 五、 技术栈参考
* **前端交互：** HTML5 / CSS3 / JavaScript / ECharts (雷达图)
* **AI 驱动：** 大语言模型 API / Agent Prompt Engineering / JSON 结构化解析
* **部署环境：** 全端（iOS/Android/PC）适配 H5 容器
---
### 🚀 六、 项目体验与技术交流
本项目已完成 Web H5 端的部署与全端适配，可直接在浏览器中载入：
访问地址（复制到浏览器打开）：
xiaomu.heart.donglingjiu.top/games/xiaomuhearthouse/
---
💡交流探讨：全网同名「今夜不打烊情绪馆」，欢迎对 AI Agent 交互设计、Prompt 工程与大模型情绪分析感兴趣的朋友一起交流探讨！
### 💬 开发者寄语
> 树叶落地从不考虑角度，晚风拂过从不寻找方向。
欢迎大家体验并在评论区提出改进建议！如果你也在深夜感到疲惫，希望这个小应用能为你带来一丝丝温暖。今晚早点睡，晚安 🌙