iT邦幫忙

2026 iThome 鐵人賽

DAY 18
0
Vibe Coding

與Claude一起從零打造產值評估工具系列 第 18

Day 18 | 用Vibe coding怎麼做市占率推估?

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20260820/20183196gSNkCVvVr5.png
昨天透過同業比較的方式
進以比對同產業競爭者實際數字之差距
今天的模型設計則反過來
使用者自己假設的方式來推估其市占率
舉例來說: 使用者得自行假設「我的公司大概佔這個市場的 0.8% 到 1.5%」。
而這個在假設下,該如何驅動模型來進行估算呢?
這就是今天Vibe coding的功課~

一、今日目標

把「這是假設」這件事,做到使用者不可能忽略

  • 模型製作: 產業總產值 ×〔市占率下限, 上限〕→ 企業產值區間
  • 介面用雙頭滑桿輸入假設區間,即時輸出結果與敏感度

二、模型設計

https://ithelp.ithome.com.tw/upload/images/20260820/201831960PNKRzxF5V.png

  • 雙頭滑桿輸入區間:市占率本來就不該是單點
  • 未輸入時的參考值:以同業家數推得參考值,但卡片明確標示「系統假設」
  • 敏感度一句話:「市占每 ±0.1% ≈ ±6.2 億」固定顯示,讓使用者知道自己的假設值多少錢
  • 與其他模型的分工:模型1(產業)答「市場多大」、本模型用來回答「佔多少」

三、我下的 Prompt

依企業模型2規格實作 models/share.ts 與滑桿元件

  1. 讀 data/industry_output.json 取產業年產值,乘上使用者輸入的市占率區間,輸出企業產值區間與每 ±0.1% 的敏感度
  2. 雙頭滑桿(0–5%、步進 0.1%),防呆:下限 ≤ 上限、上限 ≤ 100%
  3. 未輸入時以同業家數推參考值,assumptions[] 標記 source: "system_default"
  4. 拉動滑桿即時重算,不需按送出

Claude的回覆
https://ithelp.ithome.com.tw/upload/images/20260820/20183196TZC7bWwWEo.png

打包檔如下
https://ithelp.ithome.com.tw/upload/images/20260820/20183196Vt18zqmoeo.png

四、驗收

一樣動作先同步
npx tsx scripts/test-ent2.ts
https://ithelp.ithome.com.tw/upload/images/20260820/20183196ddtbGrKh1V.png

模型驗證
npm run test:models
https://ithelp.ithome.com.tw/upload/images/20260820/20183196e7MSlp6Nu3.png

https://ithelp.ithome.com.tw/upload/images/20260820/20183196wF8ShBd7Ar.png

https://ithelp.ithome.com.tw/upload/images/20260820/20183196efB1bYz18X.png

https://ithelp.ithome.com.tw/upload/images/20260820/20183196CseDjVrlM1.png

進localhost驗證結果
https://ithelp.ithome.com.tw/upload/images/20260820/20183196whIPM87txR.png

六、今日小結

今天的假設驅動模型,
重點不在計算而在互動性
利用滑桿讓假設可玩、敏感度讓假設有價、標示讓假設無所遁形
我覺得這是這個工具設計上,最具有可玩性的地方


上一篇
Day 17 | 用Calude製作企業標竿比較~是否跟手刻一樣有偏差?
下一篇
Day 19 | 建立Bottom-up經濟模型~到底Vibe coding的方式有沒有辦法對上?
系列文
與Claude一起從零打造產值評估工具19
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言