量化儀表板 原型索引(mklab Prototypes)

設計階段可視化原型(自包含 HTML)。依新設計憲法 finance/mklab-design.md,五大主題為 Market / Screener / Research / Strategy / Watchlist。

五大主題原型(統一版號 v11)

主題檔案內容重點複用舊邏輯
Marketmklab-home-prototype-v11.html總經指標卡(VIX/CNN/USD-TWD/油/金)+ Market Health 台灣加權 1–30日 + 大盤卡 + Top 推薦 + 市場風險區塊(警示燈/集中度/壓力測試,由 Risk v11 併入)Market v11 + Risk v11
Screenermklab-screener-prototype-v11.html多條件即時篩選(PE/PB/殖利率/ROE/ROA/EPS成長/RSI/漲幅/MA/市值),預載 Top100,Slider+Input+Dropdown複用 Research v11 filter 引擎
Researchmklab-research-prototype-v11-full.html個股研究中心:公司資訊卡/歷史價格圖/PE Band/財報摘要,左側選股Asset K線邏輯待併 lightweight-charts
Strategymklab-strategy-prototype-v11.html策略管理:啟用/停用/改參數/新增(價值/品質/成長/動能/高股息/低波動/Magic Formula/…)複用舊 Research 策略 presets
Watchlistmklab-watchlist-prototype-v11.html自選股中心:新增/刪除/Alert(價格/技術/法人)複用 Portfolio v10 持倉表

設計憲法

  • 新五大主題定義見 finance/mklab-design.md(UI/UX Architect 角色、IA、Layout、UI/Table/Card/Chart 規範)
  • Dark Mode First;Chart 未來統一 Apache ECharts(原型先用純 SVG 驗證互動)
  • 圖表一律 Hover 顯 Tooltip(仿 stock-screener)
  • 表格:固定 Header / Hover Highlight / Zebra Stripe / 可排序

已作廢舊原型(清理日 2026-07-14)

Asset(K線) v10、Portfolio v10、Learning v10、Research v10(舊篩選)、Risk v11(獨立)、home v9/v10。 邏輯已分類併入新五大主題,實體檔案刪除。

狀態

五頁 v11 完成,待使用者手機/桌面確認後,寫入 finance/mklab.md 設計規格並轉 React 實作。