Family Kitchen
TRAE AI 创造力大赛 / 生活娱乐赛道

🍱 全家饭桌

一款面向多孩家庭的智能菜谱生成器。根据每位家人的口味偏好、忌口过敏和年龄需求, 自动生成三餐菜谱,让全家人吃得健康又不浪费,告别"今天吃什么"的日常难题。

👨‍👩‍👧‍👦 家庭生活 🤖 AI 辅助编程 📱 纯前端 HTML 🏅 生活娱乐赛道

💡 创意介绍

想解决什么问题?

有孩子的家庭每天都面临"吃什么"的困扰。不同年龄的孩子口味差异大、 有的对海鲜过敏、有的不吃辣、长辈需要清淡饮食—— 一个人一顿饭要兼顾所有人的需求,采购和备餐的压力可想而知。

为什么会想到做这个?

作为两个孩子的父亲,我每天都在重复这个过程:查菜谱、比营养、 记住谁不吃什么、避免连续几天吃重复的菜。 市面上的菜谱 App 要么面向单人,要么只推荐不管忌口, 没有一个能同时处理"全家多人口味"的工具。 所以我用 TRAE 从零做了一个。

产品形态

纯前端单文件 HTML 应用,零安装零部署,打开浏览器即可使用。 数据存储在浏览器 localStorage 中,隐私安全,离线可用。

🎯 痛点与解决方案

😢 当前痛点

  • 多人多口味,每顿饭要分别想菜谱,费时费力
  • 孩子过敏原容易被忽略,存在安全隐患
  • 连续几天吃同样的菜,家人抱怨"又是这个"
  • 营养搭配凭感觉,不确定是否均衡
  • 缺少历史记录,忘记上周吃过什么

😊 我们的方案

  • 三维口味系统(偏好 + 忌口 + 年龄),一键设置
  • 过敏原自动排除,绝不推荐含过敏原的菜品
  • 近 3 天去重 + 历史评分反馈,越用越懂你
  • 基于中国膳食指南,三餐营养比例 25% / 40% / 35%
  • 完整历史记录 + 昨日评价,形成闭环优化

核心功能

👨‍👩‍👧‍👦
多人家族管理
支持动态添加家庭成员,每人独立口味档案,8 色头像系统快速辨识,家人增删灵活。
👅
三维口味系统
10 种口味偏好标签 + 8 种忌口/过敏标记 + 5 档年龄段,精准刻画每位家人的饮食需求。
🍳
三餐营养分离
早餐粥类为主、午餐米饭 + 荤素搭配、晚餐清淡易消化,自动遵循中国膳食指南标准。
🤝
家庭菜谱共享
先为全家生成共享菜谱,仅对有忌口的家人做最小替换,避免重复做菜,相同时自动合并显示。
收藏 + 加权推荐
收藏喜爱的菜品获得 +25 评分加成,全家都收藏额外 +15,让好菜更常出现。
🔄
单菜刷新 + 自定义食谱
对某道菜不满意?一键换一道。还支持添加自定义菜品,扩充专属菜谱库。

📊 产品数据

41+
内置菜品
4
菜品类型
3
三维口味维度
自定义
家人数量
功能模块 说明 技术实现
口味设置 10 口味标签 / 8 忌口标签 / 5 年龄档 localStorage 按家人独立存储
菜谱生成 加权随机 + 评分排序 + 去重 scoreRecipe 多维评分算法
家庭共享 交集候选 + 最小替换 safeForAll 筛选 + canEat 校验
三餐分离 早/午/晚各独立规则 meals 标签 + 白名单限制
昨日评价 5 星评分 → 反馈到推荐 rating → scoreRecipe 权重
收藏系统 ☆/⭐ 收藏 + 全家加权 函数包装器 +25/+15 分
自定义食谱 添加/删除自定义菜品 getAllRecipes() 合并池

🚶 用户旅程

添加家人

为每位家庭成员创建独立档案,选择代表 emoji 和颜色标识。

设置口味

点击选择口味偏好(清淡、鲜香等)、标记忌口过敏、选择年龄段。

生成菜谱

一键生成全家三餐菜谱,系统自动共享菜品,仅对有忌口的家人做替换。

微调收藏

不满意的菜可以一键换一道,喜欢的菜收藏起来提升出现概率。

评价反馈

第二天给昨天的菜打分,AI 根据反馈持续优化推荐。

🛠️ 技术实现

技术栈

HTML5 / CSS3 原生 JavaScript localStorage 加权随机算法 单文件零依赖 响应式设计 TRAE AI 辅助开发

推荐算法

多维评分 = 口味匹配 + 历史评分 + 去重惩罚 + 收藏加成

口味匹配:菜品口味标签与用户偏好重合度越高,分数越高

历史评分:用户之前对这道菜的星级评价,均值偏离 3 星则加减分

近 3 天去重:近 3 天出现过的菜品 -40 分,避免重复

收藏加成:个人收藏 +25 分,全家收藏额外 +15 分

家庭共享策略

交集优先 → 最小替换 → 智能展示

Step 1:计算所有家人都能吃的菜品交集(safeForAll)

Step 2:用家庭综合评分从交集候选中选出共享菜谱

Step 3:逐个检查每位家人,仅对不能吃的菜品做同类型替换

Step 4:所有家人菜谱完全相同时合并显示,不同时标记"替换"

🌟 价值与意义

👨‍👩‍👧
真实家庭需求
源自两个孩子的父亲的真实痛点,不是"为了参赛而参赛", 而是真正解决"每天吃什么"这个亿万人面临的问题。
🤖
AI 赋能普通人
证明非专业程序员也能借助 TRAE AI 工具,从零构建一个功能完整、 有实际价值的 Web 应用,真正实现"人人都可以创造"。
🇨🇳
本土化饮食科学
基于中国膳食指南设计三餐营养比例,菜品库覆盖中式家常菜, 忌口标签针对中国家庭常见过敏原(海鲜、花生、大豆等)。

📅 开发历程

Day 1
起步

从"吃什么"到第一个版本

用 TRAE 对话创建单文件 HTML,实现基本菜谱推荐:40+ 食材标签、星级评分、localStorage 持久化。

Day 2
家庭化

从一人到全家

支持多家庭成员、独立口味档案、8 色头像系统、动态增删成员。

Day 3
简化

从 60+ 食材标签到三维系统

大幅简化口味设置:口味偏好 + 忌口 + 年龄三维度,每个菜品补充 emoji、口味标签和过敏原。

Day 4
营养

三餐分离 + 膳食指南

搜索中国膳食指南标准,重新分配菜品三餐标签,实现早/午/晚独立生成规则。

Day 5
共享

家庭菜谱共享 + 互动功能

实现交集优先的共享策略、收藏加权、单菜刷新、自定义食谱库、换一道功能。

Day 6
打磨

视觉优化 + 参赛准备

UI 视觉打磨,生成创意产物 HTML,准备大赛提交材料。

🏆 TRAE AI 创造力大赛

一场面向所有人的 AI 创新实践大赛——用 TRAE 把想法变成可运行、可体验的作品

06.16 - 07.15
报名 + 初赛
07.21 - 08.09
复赛
08.21 - 08.22
决赛路演