成本・利潤・營養標示 PWA

設計稿 v9 · 新產品走四關,成本即時跳動(每一步都點得下去,數字是真的在算)· 右上角可切手機/電腦

這份稿畫了哪幾步

  1. — 一眼看到每樣東西賺不賺
  2. — 每一樣食材、包材各花多少
  3. 四關:名稱 → 各組件配方 → 包材 → 定價,改克數成本立刻跳動(電腦版一頁攤開)
  4. 重新設計過:一頁看完所有牌子與價格
  5. — 點清單任一行,改完成本立刻跟著動
  6. — 配方用哪個牌子、進貨價格紀錄
  7. — 用哪顆腦、花了多少、金鑰放哪
  8. — 包材/每月固定開銷/店家資料
  9. — 打售價即時看毛利、通路
  10. — 法定八項 + 可印貼紙

算成本為什麼改成配方優先

舊版是四步精靈:先填「一批做幾份」,走到第四步才看得到成本。但做烘焙的人腦子裡先有配方,不是先有份數;而且要等四步走完才知道貴不貴,等於不能試。

現在新增和編輯都走同樣四關(名稱 → 各組件配方 → 包材 → 定價),編輯時資料先填好。

跟舊版四步精靈的差別在順序:舊版先填「一批做幾份」,新版是先有配方,每份幾公克填了就自動算可做幾份——那才是實際流程(打一鍋麵糊、秤總重、除以每份)。而且成本列從第 2 關起就一直黏在最上面,不會走到最後才知道貴不貴。

配方那一關是一個組件一張卡(蛋糕體一張、內餡一張),各自有小計、各自加食材。拍照貼食譜分兩種:步驟列上那顆讀整份(會自動分組件),卡片上那顆只進那一個組件

包材在第 3 關自己選。成本只算食材+包材(09-21 定)—— 配方頁、產品列表、產品詳情、定價都是同一個數。每月固定開銷不攤進成本。

還沒加食材、或每份幾 g 還沒填時,成本列不會亂報數字 —— 顯示「—」。

食材區為什麼重畫

舊版要你點兩層才看得到實際那一包:先點「低筋麵粉」這個品項,才看得到日清多少錢。但你日常想的是「我那包水手牌多少錢」,不是品項。

新版攤平成一頁:種類(粉類、糖類…)當小標,每一包直接列在下面,價格和每公克就在右邊。點任一行直接改那一筆,改完配方成本立刻跟著動。

價格要不要重新對,按「查一年沒更新的」一次查(清單上的「產品在用」標籤、「幾天前」09-21 拿掉,太雜)。

食材怎麼進來:

網購的人用前四種 —— 它們連價格一起進來,拍包裝讀不到價格。

另外還有。花錢的都在管。

貼網址到底抓不抓得到(實測)

2026-09-20 真的去抓了三個網站:

永誠行(專業材料行)→ 抓到品名、品牌、1kg、NT$130
富華(專業材料行)→ 抓到品名、品牌、四種規格與價格,連營養標示都有(熱量 350、蛋白質 7.5、脂肪 1.5、碳水 76.5、鈉 0)
momo(大平台)→ 抓不到,頁面要跑程式才生得出內容

所以:專業材料行貼網址就行(而那正是烘焙的人主要買貨的地方);大平台改貼截圖或文字。App 抓不到會自己講,而且不算你額度

成本怎麼算

食材(每份用量 × 每公克單價)
包材(盒、袋、貼紙、緞帶)
= 每個成本(每一頁都是這個數)

特別做進去的東西

那第一次怎麼認得出來?拍包裝

答案本來就印在包裝上:「日清 紫羅蘭 低筋麵粉 1kg」。AI 讀這幾個字很準,而且不需要任何人的資料庫。這才是解決「第一次」的方法,所以主力放這個。

真實成本(依 Anthropic 官方公開定價與圖片計價方式,匯率抓 32):拍完先在手機上縮到 1000×1000(=1,296 個視覺 token),一次辨識 Opus 5 約 NT$0.39、Sonnet 5 約 NT$0.16、Haiku 4.5 約 NT$0.08

建一次食材庫大概 40~60 張,也就是 最多二十幾塊台幣,而且是一次性的。之後只有新品或換牌子才要再拍。

一定要先縮圖:手機原圖直接送,同一張要付 2.4 倍的錢,而且不會讀得比較準。裡預設幫你開好。

散裝沒有字的救不了:一包白粉末,AI 分不出低筋高筋 —— 資訊不在畫面裡。那種就手動填一次。

還沒做進這份稿的

多人協作、銷售紀錄、進貨單、雲端同步、庫存扣減。這份稿只走「算出一份東西的成本、定價、標示」這條主線。

掃條碼整套拿掉了(2026-09-20 決定)—— 條碼只是一串數字,本身不含商品資訊,要查得靠別人的資料庫,而實測台灣公開資料庫幾乎是空的。它能做的只有「叫出你自己建過的那一包」,價值不足以換一顆掃碼元件和一個多出來的入口。

食材品牌與價格都是示範資料(未查證行情);營養素是常見參考值,正式版要接食品成分資料庫或送檢。標示格式依食藥署「包裝食品營養標示應遵行事項」八項必標欄位。

9:41

我的產品

請加到主畫面請安裝到桌面否則儲存的資料會遺失
每個成本
$
售價
$
毛利
$

成本明細

每個成本 $
加食材後開始算成本
包材 $0
包材個數金額

售價

換算後每個
NT$

配方用哪一個

進貨紀錄

最近三次

用哪一家 AI

    用了 / 次 · 約 NT$

    準確度

    每月上限
    送出前先縮小照片
    沒網路時先排隊

    哪些動作要花錢

    換算後每公克
    NT$

    營養成分

    每 100 公克 · 同一種食材換了牌子,成分會不一樣

    1 / 2店家資料
    每月合計NT$
    每月固定開銷

    要賣哪些待討論

    合計

    算出來

    營業額要做到
    $
    淨利大約
    $
    每個成本 NT$
    建議售價
    $
    淨利

    成本怎麼分

    你實際賣多少

    毛利
    淨利

    賣去不同地方,實拿多少

    抽成後
    通路抽成實收每個賺
    依食藥署「包裝食品營養標示應遵行事項」:熱量、蛋白質、脂肪、飽和脂肪、反式脂肪、碳水化合物、糖、鈉八項必標,且要同時給「每份」與「每100公克」。

    從食材庫挑

    範例

    範例

    請先加到主畫面請先安裝到桌面

    你的資料只存在這台手機電腦沒有帳號、沒有後台,配方、成本、食材價格都只留在你的裝置上 —— 我們看不到,也拿不到。
    所以一定要加到主畫面安裝到桌面用瀏覽器直接開的話,Safari 有一條規定:同一個網站 7 天沒打開,就把它存的東西整包清掉,你的配方會跟著不見。加到主畫面安裝到桌面之後就不受這條規定管。
    怎麼加iPhone:按下面那排中間的「分享」→ 往下找「加入主畫面」→ 新增。
    Android:右上角選單 → 安裝應用程式。
    Chrome、Edge:網址列右邊的安裝圖示 → 安裝。
    Safari:檔案 → 加入 Dock。

    要看一下營養標示嗎?

    從包材庫挑

    拍照或貼上食譜

    手上已經有食譜就直接丟進來 —— 貼文字,或貼食譜的照片、截圖都行,會自動拆成一行一行的食材。