Taste routing: Kangbite Digital Executive Soft-Minimal + redesign-skill

膳食智能台界面风格方案 V2

这一版把“好看”压回到现场效率里:终端要远距离可读,信息要能被前端组件化,菜品识别、重量、金额、营养建议和异常状态要在同一个横屏工作台里闭环。

3 秒确认识别状态、重量、金额和确认按钮必须形成单眼扫读链路。
可组件化按菜品卡、指标卡、营养条、状态流、异常队列拆成前端结构。
统一终端语言延续横屏设备、大字号、强状态,不走普通移动 App 样式。
AI 可维护后续可让 Codex 按 token 和组件继续改 Vue/CSS,而不是重画。
CPT膳食智能台
设备 A-03午餐 12:18
已识别菜品98% 命中
西红柿炒鸡蛋示例图

西红柿炒鸡蛋

热菜 少油 蛋白质适中
186g
6.80

数据已锁定

菜品、重量、金额和营养建议已同步记录

给产品评审看的变化

  • 从三套松散风格稿,收敛为一套可落地的主推荐方向。
  • 把取餐流程显式放到顶部,便于解释当前业务状态。
  • 右侧不再堆功能,改为营养构成、建议、现场状态三段。
  • 把“确认取餐”做成唯一主动作,减少现场误操作。

给前端落地看的结构

  • `TopStatusFlow`:设备、餐次、流程节点。
  • `DishRecognitionCard`:菜品图片、名称、标签、识别置信度。
  • `WeightPriceMetrics`:重量、金额,两张稳定指标卡。
  • `NutritionPanel` 和 `TerminalStateList`:营养条与现场状态队列。