Moyacchi ; 你的 AI 生态伴侣
Source: Dev.to
这是一篇提交作品,参加周末挑战:地球日版
我构建的内容
大多数人并不知道自己的日常选择到底对环境产生了什么影响——不是因为他们不在乎,而是因为没有任何方式让这些影响变得可见、个人化,或者值得反复关注。
Moyacchi 是我的答案。它是一款 AI 驱动的生态伴侣,能够在交通、饮食和能源使用三个维度上追踪你的每日习惯,使用 Google Gemini 分析累计的环境影响,并通过一个会随你成长的伴侣来呈现进度:种子 → 嫩芽 → 盛开 → 发光。
目标从不是再造一个碳足迹计算器,而是打造一种有生命感的产品——一种你真的想明天继续打开的东西。
在核心习惯循环之外,Moyacchi 还包括:
- Green‑Sight – 实时 OCR 扫描器,读取任何产品标签,标记有害成分,识别包装材质,并提供废弃分类指引。
- AI Eco Coach – 由 Gemini 驱动的对话式 AI 教练。
- Sky Dashboard – 任意城市的实时空气质量数据。
- Journal – 个人环境日记,每条记录都有可分享的影响卡片。
演示

功能
每日堆栈分析
记录你在交通、饮食和能源使用方面的一天。Moyacchi 使用 Google Gemini Flash 一次性分析整天数据,并返回分数、表现等级、行为替换建议以及现实世界的影响隐喻。
进化伴侣
Moyacchi 随着你的进步成长,经历四个阶段——种子、嫩芽、盛开、发光。习惯越好,它进化得越快。
Green‑Sight OCR
拍摄任意产品标签。Moyacchi 实时识别有害成分、包装材质、废弃分类并提供处理指引。
AI Eco Coach
由 Gemini 驱动的对话式 AI 教练。随时询问可持续生活的任何问题——没有说教,也没有负罪感。
Sky Dashboard
提供任意城市的实时空气质量(AQI、六种污染物、花粉水平),数据来源于 Open‑Meteo,完全免费且开源。
Journal
按天记录你的环境足迹,生成可分享的影响卡片。
构建方式
- 前端: 使用 React 19 + TypeScript,样式采用 Tailwind CSS v4。
- 后端 & 认证: Firebase 负责 Google 登录和实时 Firestore 持久化。安全规则严格限定每一次读写仅限于已认证用户。访客用户通过
localStorage获得完整功能,并在登录时无缝同步到云端。 - AI 推理: 所有模型调用均通过 Google Gemini Flash。每次调用遵循严格的 JSON schema(习惯分析、图像 OCR、聊天、空气质量解释),确保输出类型化、经过验证且可靠——不出现幻觉格式。
- Sky Dashboard: 从 Open‑Meteo API 拉取实时 AQI、污染物和花粉数据(无需 API key)。
- 吉祥物: 纯 SVG 直接在 JSX 中渲染,路径变形和情绪动画由 Framer Motion 处理——不使用外部图片文件。
- 时间线: 设计、开发、上线全程仅用一天完成。
奖项类别
最佳 Google Gemini 应用 – Gemini Flash 为 Moyacchi 的每一层智能提供动力:结构化 JSON schema 的习惯分析、实时产品标签扫描的 Green‑Sight OCR、多轮对话的生态教练,以及基于图像的习惯识别。Gemini 不仅是一个功能点,它是整个系统的脊梁。
作者 Dev Vishwas – @devishwas