【生活娱乐赛道】+植愈 —— AI 植物陪伴伙伴

[u1074690577399975]

【标签】 生活娱乐

【标题】 【生活娱乐赛道】+植愈 —— AI 植物陪伴伙伴

【正文】 至少包含以下 4 个部分，可以增加额外的部分（比如自我介绍、经验总结、踩坑复盘等）

0. 先和大家打个招呼吧

• 你是谁： 我是一名普通的专科大二学生，我不想因为是专科而放弃自己，所以自学AI，看到比赛都想试试，我想试试我的极限在哪里，拼一把，万一没有晋级复赛，至少我努力过了，也没有遗憾了，当然我也是非常想晋级，晋级之后我会把demo做成一个完整的APP，因为网页限制挺多的，我就想证明专科也是有很多想法想要实现的，不能只仅限于学历高才能做出优秀的作品。同时我自己也喜欢养植物，但是太难养了，也是养死过几盆绿萝，所以这次想用 AI 让植物真的能"开口说话"。这样也是辅助养植物了，可以使养植物变得更轻松。

• 你是怎么用 TRAE 把 Demo 做出来的：说实话，这个项目开始前我心里是没底的。我只是一个大二学生，从前端到 AI 接入到部署，从来没一个人完整走过一遍。“AI 对话 + 多模态视觉 + 语音朗读 + 邮件提醒 + 部署”——随便拎一个出来我都觉得是自己搞不定的坎。但整个做下来，感觉像是在和一个真正懂技术的搭档一起干活，而不是在"用工具"。

• **想法是一句一句讲给它听的：**我不会一上来甩需求文档，就是像聊天一样说。比如最早我说"我想做个植物会说话的应用"，它先帮我把骨架搭起来；然后我说"让评委打开就能用，别让他们填 Key"，它就把智谱的 Key 内置进去还做了拆分混淆；后来我说"让植物能看叶子诊断健康，把 AI 创造力拉满"，它直接给我接了 GLM-4V 多模态，还顺手把拍照、图片压缩、诊断历史、追问回看全做完了——我以为这至少得分三次提，结果一次就给我闭环了。

• **让我觉得"原来这么简单"的瞬间很多：**比如语音朗读，我一直以为 TTS 要接第三方付费服务，跟它说"找个完全免费的方案"，它直接用了浏览器原生的 SpeechSynthesis API，还主动给 14 个品种配了独立音色——绿萝温柔、仙人掌低沉、生病变慢、开花上扬。这种"它比我想得更细"的时刻，是让我最舒服的地方。

• **跨过最大的坎是部署和 bug 修复：**前端密钥不安全，它带我试了 Cloudflare Worker → Vercel → EdgeOne，最后回退到直连 + Key 拆分混淆，每次都陪我试新方案，没让我一个人卡死。还有一次我反馈"退到首页还在念"，它精准定位到是切视图时没停语音，还补了切换植物也停止的逻辑，一次就修对了。整个项目 4 天 30 多次 commit，一半是加功能、一半是修 bug，但每次它都能听懂我描述的现象，定位到具体代码。

• 最大的感受是：TRAE 让"想到"和"做到"之间的距离变得很短。 以前我脑子里冒出一个点子，常常卡在"这个我不会写"就放下了。这次最大的不同是——只要我能把想法讲清楚，它就能帮我落地，甚至补上我没考虑到的细节。从"植物会说话"到"植物会看叶子、会主动找我聊天、会发邮件提醒我"，每一步都是聊着聊着就长出来的。4 天前我完全没想到一个大二学生能把它做成现在这样。

1. Demo 简介

• 是什么：植愈是一个纯前端的网页应用（Web App），核心代码集中在单个 HTML 文件中（约 4000+ 行，含 HTML/CSS/JS 全内联），无需后端服务器、无需安装、无需注册，浏览器打开即可使用。部署在 GitHub Pages，访问链接即用，对评委和普通用户都零门槛。AI 能力通过智谱 GLM 系列模型实现，密钥采用拆分混淆存储在前端，兼顾开箱即用与安全性。

• 面向谁：

• 植物杀手：买过绿萝、多肉、仙人掌，但因为忘浇水、不会判断状态而养死过植物的人

• 云养绿植党 / 都市打工人：桌面摆一盆绿植想养好，但工作忙经常顾不上

• 需要情感陪伴的独居年轻人：植物是静默的，但人渴望有"会回应"的存在

• 主要功能：

• ① AI 拟人化对话——植物真的会"说话" 每株植物都有自己的品种性格与说话方式：绿萝温柔细腻、仙人掌硬汉傲娇、多肉呆萌慢半拍。用户和植物自由聊天，回复由智谱 GLM-4-Flash 实时生成，植物会结合自身真实状态（水分高低、是否生病、是否开花、陪伴天数）调整语气。更特别的是品种独立音色：基于浏览器原生 SpeechSynthesis API，14 个品种各有独立音色档案（rate/pitch/gender），生病时语速变慢显得虚弱、开花时音调上扬显得开心，朗读前会清洗 emoji 和括号注释，让语音自然流畅。

• ② 拍照体检——AI 看叶子诊断健康（GLM-4V 多模态） 用户给植物拍张照（或从相册选图），AI 以植物的口吻告诉你它现在健康吗、叶子有没有发黄/枯萎/虫害，并给出养护建议。底层调用智谱 GLM-4V-Flash 多模态视觉模型，图片自动压缩到 800px + 0.8 质量平衡速度与效果。每次诊断会写入"病历历史"并存到本地，支持追问（比如"那我这盆黄叶是浇多了吗？"）和回看历史诊断，不重复消耗 AI 调用。

• ③ 陪伴提醒系统——植物主动联系你 植物不只是被动等你来，它会在关键时刻主动找你：渴了、开花了、生病了、天气太热了、节日到了、养满周年了。共 7 种陪伴场景，可通过邮件或浏览器桌面通知（Notification API + 标题闪烁 + favicon 角标）送达。即使网页最小化，植物的消息也会出现在系统通知中心，回到网页还有未读角标提示。每条主动消息都基于植物真实状态和当前时段智能生成，不是模板复读。

2. Demo 创作思路

• 灵感来源： 我自己就是个典型的"植物杀手"。买回来的绿萝经常忘浇水，等想起来时叶子已经蔫了。有一次看着枯萎的叶子发呆，突然冒出一个念头：如果植物会说话，它一定会在渴的时候喊我一句"主人我快干死了"——而不是等我记起来。这个"让植物开口"的念头，成了"植愈"的起点。后来在比赛里看到 AI 对话和多模态视觉能力已经成熟，就决定把它真正做出来。

• 想解决的痛点：

• 忘记照顾：养植物最大的问题不是不会养，而是"想不起来"。市面上提醒 App 是冷冰冰的闹钟，"周五 19:00 浇水"这种通知没人愿意用，关掉就忘。

• 情感断裂：植物是静默的生命，人感受不到它的"状态"和"需要"。养着养着就变成摆设，失去耐心后就被弃养。

• 不会判断：叶子黄了不知道是浇多了还是缺光了，想救却无从下手。搜索结果又泛又杂，对不上自己这盆的实际情况。

• 陪伴缺失：都市独居年轻人渴望有"会回应"的存在，但养猫养狗成本高、约束多，植物是最轻量的陪伴载体，可惜它不会回应。

3.为什么做这个方向

• AI 对话能力成熟：智谱 GLM-4-Flash 免费、中文表达好，让"植物会说话"从想象变成可低成本实现的产品。

• 多模态视觉模型可用：GLM-4V-Flash 能真正"看"叶子并给出判断，这是传统植物 App 完全做不到的差异化能力，把 AI 的创造力维度拉满。

• 单文件网页零门槛：评委打开链接就能体验，用户分享给朋友也能直接用，传播成本极低，最适合比赛场景。

• 情感化设计是差异化关键：市面上的植物 App 都是"管理工具"思路（记录浇水周期、识别品种），而植愈做的是"陪伴伙伴"思路。植物拟人化后，用户从"任务式照顾"变成"情感式牵挂"——你会想知道它今天怎么样了、它说了什么，这种情感连接带来的留存率天然高于工具型产品。

• 取舍：没有做 App / 小程序，是因为网页的"打开即用"在比赛展示和传播上优势最大；没有做复杂后端，是为了让评委 30 秒内就能体验到核心功能，不被注册/登录/下载劝退。

4. 技术实现

• 整体架构：纯前端单文件 HTML（HTML + CSS + JS 全内联），无独立后端。数据用 localStorage 本地持久化，AI 调用直连智谱开放平台。

• AI 能力：

• 文字对话：智谱 GLM-4-Flash，按品种构造系统 prompt（性格 + 状态 + 陪伴背景），带超时重试和 fallback 兜底

• 视觉诊断：智谱 GLM-4V-Flash 多模态，传入拍照图片 + 植物状态，以植物口吻回复

• 密钥安全：拆分混淆存储（3 段拼接），运行时还原，兼顾开箱即用与基础防护

5.特色技术点

• 品种独立音色：基于浏览器原生 SpeechSynthesis API（完全免费），14 个品种各有 rate/pitch/gender 档案，状态感知（生病变慢、开花上扬）

• 真实天气接入：Open-Meteo 免费 API（无 Key），根据天气智能调整浇水建议和陪伴文案

• 陪伴提醒：邮件 + 桌面通知（Notification API）双通道，7 种场景智能触发

• 图片压缩：拍照体检前压缩到 800px + 0.8 质量，平衡 AI 识别效果和调用速度

• 数据版本化迁移：APP_VERSION + 设备指纹双校验，保留用户数据平滑升级，字段缺省自动补默认值

• 数据存储：全部 localStorage，按 STORE 字典分 key 管理（plants / diary / achv / settings / weather / diagnose 等），支持自定义品种扩展。

6. 开发心得

• 用 Trae 全程开发的流程： 这个项目从 0 到 1 完全在 Trae work 中完成，4 天 30+ 次 commit。典型协作方式是：我用自然语言提需求 → Trae 生成代码并直接编辑文件 → 我 review 后确认。几个印象深刻的故事：

• “加语音朗读”：我说要完全免费的 TTS 方案，Trae 主动选择了浏览器原生 SpeechSynthesis API，还设计了 14 个品种的独立音色档案和状态感知（生病变慢、开花上扬）——这个细节超出我的预期。

• “AI 拍照体检”：我只说"让植物能看叶子诊断健康"，Trae 一口气完成了 GLM-4V 集成、图片压缩、诊断历史、追问、回看的完整闭环。

• “朗读不停止 bug”：我反馈"退到首页还在念"，Trae 精准定位到 showView 切视图时未停止语音，并补了切换植物也停止的逻辑，一次修对。

• 部署方案四次迭代：从 Cloudflare Worker → Vercel → EdgeOne → 最终回退直连 + Key 拆分混淆，Trae 每次都陪我试新方案，直到找到稳定方案。

7.最大的经验

• 单文件架构是比赛利器：评委点开链接就能用，不被任何中间环节劝退。代价是文件越来越大（4000+ 行），靠 Trae 的代码审查和搜索能力还能维持可维护性。

• AI 创造力要落到情感上：单纯"能用 AI"不够，要让 AI 创造出传统技术做不到的体验差异。植愈的三个核心功能（拟人对话、视觉诊断、主动陪伴）都是 AI 能力不可替代的。

• 细节决定质感：品种独立音色、状态感知朗读、模拟温度兜底、无摄像头时从相册选图、天气改主动触发避免一进来就弹定位……这些细节单看都不起眼，但加在一起让产品从"能跑的 demo"变成"愿意留下来的应用"。

8. Demo 体验地址（三选一）

• 部署随时可公开访问的体验链接：植愈 · 你的AI植物伙伴

9. TRAE 实践过程

• SessionID：1074690577399975:76b3520913e95a2a8507d11c5ba0247b_6a49d1b4d11acae39ab79306.6a4ef67ce2d5df2bbd0833a8.6a4ef67b0a9ad07763a8e4ed:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/9 09:17:20)

  

• SessionID：1074690577399975:d3ea9619cde4ba5661b6e1d098b9f678_6a49d1b4d11acae39ab79306.6a49d1b653a9d052b38db8ef.6a49d1b4d11acae39ab79307:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/5 11:48:00)

  

• SessionID：1074690577399975:cf1c3f83adff4ff8dfc025c3a1cd06ae_6a49d1b4d11acae39ab79306.6a4ba340227e318231fcb917.6a4ba33f38725fd30b025832:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/6 20:53:19)

  

• SessionID：1074690577399975:594df6316183d41d5273fcae0ffc9fdb_6a49d1b4d11acae39ab79306.6a4c9cb84d21c549e19e30c4.6a4c9cb7073910cabe4d6333:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 14:39:18)

  

• SessionID：1074690577399975:8b54f18df294bb3c51dba3a8383b038d_6a49d1b4d11acae39ab79306.6a4cb16b4d21c549e19e33f0.6a4cb16b9d93354294a0a6ac:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 16:06:15)

  

• SessionID：1074690577399975:f3e4fbdeeea2c5f6f7d5ae58c1647e75_6a49d1b4d11acae39ab79306.6a4de9405f1a70361546c726.6a4de93f476fe0c46ac0dc46:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 14:15:04)

  

• SessionID：1074690577399975:f8eb2754da9786cd1fc5761bbdb7322d_6a49d1b4d11acae39ab79306.6a4e168c08e1f259d86dae4d.6a4e168bc8b5f8bc57dd3232:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 17:47:32)

  

10. 对应的报名审核通过的帖子链接：【生活娱乐赛道】你的AI植物伙伴 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区