FitFuel Prep 是一个面向高强度健身人群的 AI 备餐产品展示原型。它包含网页版官网和移动端 App 原型，帮助用户基于身体档案、训练频率、饮食策略和预算，快速理解食材清单、宏量营养追踪、烹饪 SOP 与备餐打卡的完整体验。
当前版本定位为作品集展示原型，目标是清晰表达产品价值、网页展示入口和移动端交互流程，而不是完整生产级 MVP。
- 正在增肌、减脂或维持体态的健身用户。
- 关注蛋白质、碳水、脂肪等宏量营养分配的人群。
- 希望用更少时间完成采购、分装和复盘的备餐用户。
Demo persona：Bosen，75kg，每周 5 次力量训练，当前目标为 Clean Bulk。
- 用户进入
/网页版官网，了解 FitFuel 的定位、功能和 demo 数据。 - 用户从官网进入
/app移动端原型，查看当前目标、训练标签和备餐配置。 - 用户可进入 Profile 调整体重、体脂率、身高、训练容量和形体目标。
- 用户在 Dashboard 选择饮食策略、备餐顿数和采购预算。
- 用户进入 Store，查看 AI 预选或手动挑选食材，观察预算与宏量营养变化。
- 用户可打开智能平替弹层，查看替换食材方案。
- 用户锁定清单后进入 SOP 页面，选择烹饪策略并查看分步骤备餐指导。
- 用户完成备餐后进入 Calendar，查看今日达成、月度矩阵和连续打卡统计。
当前版本包含：
- 移动端暗黑视觉原型。
- 桌面优先的网页版官网首页。
- 健康档案与训练目标交互控件。
- 备餐顿数、预算和饮食策略模拟状态。
- 食材选择、数量增减、宏量营养进度条。
- AI 智能平替 bottom sheet 交互。
- 三套烹饪 SOP 方案切换。
- 备餐完成日历与成就标签。
当前版本不包含：
- 用户登录和账号体系。
- 真实数据库或持久化存储。
- 真实 AI 模型调用。
- 真实营养数据库、库存或电商结账。
- 医疗或营养诊断建议。
- 保留原 Figma 稿的暗黑硬核健身气质。
- 使用霓虹绿作为主要行动色，橙色和蓝色用于营养维度辅助区分。
- 优先保证移动端 iPhone 原型展示体验。
- 文案保持专业、直接、训练导向，避免过度营销化。
- 抽离食材、SOP 和日历 mock 数据，形成独立数据文件。
- 接入本地持久化或轻量后端，保存用户配置和备餐历史。
- 接入真实 AI 生成接口，支持根据偏好自动生成食材替换。
- 增加截图、演示视频和部署链接，强化作品集展示。
- 清理 Figma 导出遗留依赖，缩小 bundle 体积。