iT邦幫忙

2026 iThome 鐵人賽

DAY 11
0
Vibe Coding

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

Day 11 | 用Claude建立一個(Top-down)市場評估模型~

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20260813/20183196jNHVs9K6P2.png

目前整體來說
工具的整個基礎架構已經完成的差不多
且脈絡已經有先測試過
因此現在最重要的核心
就是在於建立評估模型
因此今天目標就是要透過Vide coding的方式
建立本工具的第一個模型「Top-down 市場規模推估」~

一、今日目標

目前整體來說,我的模型資料評估資料源
係透過Day5所規劃的脈絡進行
「讀 data/ 靜態資料 → 純前端計算 → 統一 JSON 輸出 → Dashboard 結果卡」
因此今天目標就是要先用這個路徑
打造第一個模型,這樣後面九個就相對輕鬆

二、模型設計-Top-down 市場規模推估

https://ithelp.ithome.com.tw/upload/images/20260813/20183196PotmdEccSl.png

Top-down 市場規模的計算方式,主要涵蓋三步計算

  1. 產業年產值:讀 data/industry_output.json,取最近 12 個月加總,基準期直接從 meta 帶出
  2. 目標範圍界定:全產業(100%)或次領域係數,由使用者輸入(例如「車用板約佔 18%」),這是模型唯一的假設,全程透明
  3. 市場規模區間:產值 × 係數 ×〔0.9, 1.1〕,輸出區間而非單點,不假裝精準

透過上面的計算,將結果呈現在本工具的儀錶板中

三、我下的 Prompt

依 docs/ 內產業模型的規格與 types/data.ts,實作 models/topdown.ts:
輸入為 industry id 與使用者係數(預設 1.0),從 data/industry_output.json 取最近 12 個月加總,輸出統一 JSON(estimate、range、assumptions[]、data_source、base_period、limitations)
不得有任何外部呼叫
另外在 /dashboard 加一張結果卡元件 ResultCard,直接統一 JSON 渲染,之後所有模型共用

Claude給我的結果如下
https://ithelp.ithome.com.tw/upload/images/20260813/20183196xXJ6XI1lRp.png

依照其提供的安裝說明,
我將之覆蓋於我的專案資料夾中
https://ithelp.ithome.com.tw/upload/images/20260813/20183196VMzF7VF7dY.png

四、驗收

第一個驗收如下
https://ithelp.ithome.com.tw/upload/images/20260813/201831966tRBMN3yv7.png

接下來驗收平台上的
Top-down 市場規模推估

https://ithelp.ithome.com.tw/upload/images/20260813/20183196osCqGqjwwl.png
確認可以選擇後,進入下一步的儀表板
接下來確認所有的儀錶板操作皆可執行

https://ithelp.ithome.com.tw/upload/images/20260813/20183196FhzCr9ArmD.png

因為目前資料是使用範例檔,因此就不特別針對數字進行驗證
僅針對功能
數字驗證部分,我後面再統一一次性執行~

六、今日小結

整體來說Vibe Coding 的撞牆,八成不在演算法,而在框架的隱形規則
如若把錯誤的資料或是想法給AI,
那得到的永遠是garbage in garbage out~
因此這也是為什麼
前面在規劃上需要非常謹慎
這樣才能有效快速實踐~


上一篇
Day 10 | 用Claude輕鬆建立完成流程卡關、跨頁限制
系列文
與Claude一起從零打造產值評估工具11
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言