← 返回落地页 · DESIGN MOCKUPS
8 SCREENS · 不必高保真

司厨 · App 屏幕设计稿

从浏览、备料,到语音烹饪、实时排障、成品分享——核心体验的八个屏幕。风格与落地页同源:深色焦糖壳、三段式字体、会呼吸的墨声波。

厨
9:24•••• 🔋
01 · BROWSE

首页浏览

30+ 人工审核食谱,分类清晰,干净无广告的浏览体验。

查看 →
9:24•••• 🔋
02 · TEMPLATE

食谱详情

不可变定稿食谱,主厨审阅。份量可缩放,食材清单一目了然。

查看 →
9:24•••• 🔋
五花肉 500g
冰糖 30g
老抽 1 勺
小葱
03 · PREP

食材确认

准备阶段触摸交互。缺什么告诉它,AI 当场替换并调整配比。

查看 →
SIGNATURE
9:24•••• 🔋
收汁到挂勺就好…
04 · 灵魂屏

烹饪步骤页(语音)

声波四态完整呈现。开口即打断,双手永远不碰屏幕。

查看 →
9:24•••• 🔋
面好像没发起来…
别急,我插一步救场。
补救 · 温水浴再发 20min
05 · RESCUE

实时排障

面没发好?AI 当场插入补救步骤,做完自动接回原流程。

查看 →
9:24•••• 🔋
可颂 ⭐⭐⭐⭐⭐
跟着司厨,第一次成功做出了可颂
06 · SHARE

成品分享卡片

AI 是导师不是替代。3:4 适配小红书,让用户有面子。

查看 →
9:24•••• 🔋
未完成 · 可颂
步骤 5 / 8 · 整形
07 · RESUME

会话恢复

生活可以被打断,你的菜不会丢。从中断处接着做。

查看 →
9:24•••• 🔋
✓ 已拍
08 · VISION

拍照反馈

拍给它看,结合图片与食谱上下文判断,不靠猜。

查看 →

纯 HTML / CSS / 原生 JS · 自绘为主 · 可离线打开
字体:Noto Serif SC / Noto Sans SC / JetBrains Mono · 与落地页同源