Moyacchi ; 你的 AI 生态伴侣

发布: (2026年4月20日 GMT+8 06:43)
5 分钟阅读
原文: Dev.to

Source: Dev.to

这是一篇提交作品,参加周末挑战:地球日版

我构建的内容

大多数人并不知道自己的日常选择到底对环境产生了什么影响——不是因为他们不在乎,而是因为没有任何方式让这些影响变得可见、个人化,或者值得反复关注。

Moyacchi 是我的答案。它是一款 AI 驱动的生态伴侣,能够在交通、饮食和能源使用三个维度上追踪你的每日习惯,使用 Google Gemini 分析累计的环境影响,并通过一个会随你成长的伴侣来呈现进度:种子 → 嫩芽 → 盛开 → 发光

目标从不是再造一个碳足迹计算器,而是打造一种有生命感的产品——一种你真的想明天继续打开的东西。

在核心习惯循环之外,Moyacchi 还包括:

  • Green‑Sight – 实时 OCR 扫描器,读取任何产品标签,标记有害成分,识别包装材质,并提供废弃分类指引。
  • AI Eco Coach – 由 Gemini 驱动的对话式 AI 教练。
  • Sky Dashboard – 任意城市的实时空气质量数据。
  • Journal – 个人环境日记,每条记录都有可分享的影响卡片。

演示

Moyacchi demo screenshot

功能

每日堆栈分析

记录你在交通、饮食和能源使用方面的一天。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

0 浏览
Back to Blog

相关文章

阅读更多 »

地球日的活力

我构建的 History 按日历天在浏览器中保存;每个部分旁边的照片是真实的捆绑图像。可选的 Gemini API 路由可以添加温暖的教练……