大家好！我用 TRAE 开发了一个实用的厨房助手工具——「做菜步骤拆分系统」，希望能帮大家解决烹饪时手忙脚乱的问题。
index.html (54.6 KB)
- 创意名称 + 创意介绍
创意名称：做菜步骤拆分系统
想解决什么问题：很多菜谱写得密密麻麻，新手照着做菜时经常看漏步骤、掌握不好时间，要么煮过头要么手忙脚乱找不到东西，让下厨变成一种负担。
为什么会想到做这个：自己做菜时发现，网上的菜谱虽然多，但都是大段文字描述，没有结构化引导。每次做红烧肉、可乐鸡翅这类需要精确计时的菜，都得反复看手机，手上油乎乎的特别不方便，就想做一个能把菜谱拆解成一步步引导的工具。
大概是什么产品：一个纯前端网页应用，打开即用，无需安装，能将任意菜谱文本智能拆分为清晰的步骤卡片，配合计时器和备料清单，让烹饪过程有条不紊。
- 目标用户及痛点
面向哪些用户：烹饪初学者、家庭厨师、忙碌的上班族，以及所有想尝试新菜谱但怕搞砸的美食爱好者。
在什么场景下使用：
周末想尝试新菜品，照着网上菜谱做的时候
做多步骤复杂菜肴（炖肉、烘焙）需要精准计时的时候
备料时怕漏买食材或漏准备调料的时候
一边做菜一边需要看步骤腾不出手反复滑动手机的时候
当前痛点：
步骤混乱：传统菜谱是大段文字，没有清晰的步骤划分，容易看漏或看错顺序
时间难控：“中火煮5分钟”"焖10分钟"这类描述没有实际计时提醒，经常煮过或没煮透
备料遗漏：做到一半才发现某样食材没准备好，中途手忙脚乱
进度不明：不知道自己做到哪一步了，还剩多少，没有整体概念
3. 价值与意义
效率提升：
将非结构化的菜谱文本一键转换为结构化的时间轴步骤，节省用户自己整理的时间
每个步骤内置独立计时器，支持多计时器同时运行，到点声音提醒，不用反复看钟
自动提取备料清单，做菜前就能一目了然需要准备哪些食材，避免中途卡壳
社会价值：
降低烹饪门槛，让厨房新手也能自信地照着菜谱做出好菜
减少因为步骤错漏导致的食材浪费
让更多人愿意在家做饭，吃得更健康，促进家庭温馨氛围
4. 创意产物
已上传 HTML 文件 index.html，直接在浏览器中打开即可使用。
主要功能演示：
支持粘贴任意菜谱文本，或直接选择4道内置经典家常菜（番茄炒蛋、可乐鸡翅、蒜蓉西兰花、红烧肉）快速体验
智能识别数字序号、食材列表、时间描述，自动拆分为步骤
自动生成备料清单，点击可标记已准备好的食材
每个步骤配环形进度计时器，支持开始/暂停/重置，还有1/3/5/10分钟快捷按钮
顶部环形进度条实时显示烹饪完成度
所有步骤完成后弹出庆祝弹窗和彩带粒子效果
响应式设计，手机、平板、电脑都能用