量化儀表板 原型索引(mklab Prototypes)
設計階段可視化原型(自包含 HTML)。依新設計憲法
finance/mklab-design.md,五大主題為 Market / Screener / Research / Strategy / Watchlist。
五大主題原型(統一版號 v11)
| 主題 | 檔案 | 內容重點 | 複用舊邏輯 |
|---|---|---|---|
| Market | mklab-home-prototype-v11.html | 總經指標卡(VIX/CNN/USD-TWD/油/金)+ Market Health 台灣加權 1–30日 + 大盤卡 + Top 推薦 + 市場風險區塊(警示燈/集中度/壓力測試,由 Risk v11 併入) | Market v11 + Risk v11 |
| Screener | mklab-screener-prototype-v11.html | 多條件即時篩選(PE/PB/殖利率/ROE/ROA/EPS成長/RSI/漲幅/MA/市值),預載 Top100,Slider+Input+Dropdown | 複用 Research v11 filter 引擎 |
| Research | mklab-research-prototype-v11-full.html | 個股研究中心:公司資訊卡/歷史價格圖/PE Band/財報摘要,左側選股 | Asset K線邏輯待併 lightweight-charts |
| Strategy | mklab-strategy-prototype-v11.html | 策略管理:啟用/停用/改參數/新增(價值/品質/成長/動能/高股息/低波動/Magic Formula/…) | 複用舊 Research 策略 presets |
| Watchlist | mklab-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 實作。