QUARTERGRID
數據與回顧
DATAVAULT
數據報告簡報
打開線上示範在新分頁開啟
DATAVAULT 是給 Claude Code、Codex 與 Cursor 使用的 AI Skill，可以做出深色儀表板風的數據報告簡報，圖表由程式畫出，匯出的 PPTX 裡也是真的圖表。深色儀表板風的數據報告：折線、分組長條、堆疊面積、散佈與熱力圖都由程式畫出並逐段生長，每張圖都帶單位與資料來源，最後附指標定義頁。12 張一個 HTML 檔，可印 16:9 PDF 與匯出 PPTX（圖表是真的圖表）。
包含內容
- 12 張數據投影片：折線、分組長條、堆疊面積、散佈、排行、熱力圖，加上定義與來源頁
- 瀏覽器裡直接改字，改過的內容會留著，⌘S 另存成新的檔案
- 一張投影片一頁的 16:9 PDF，以及用 pptxgenjs 匯出的 PPTX（文字、表格與圖表都能編輯）
適合
- 數據與分析團隊
- 營運與產品經理
- 每個月要交報告的人
需要準備
- 報告期間與每張圖的資料
- 每個指標怎麼算（分子、分母、排除）
- 資料來源與抓取時間
常見問題
複製後貼進 Claude Code、Codex 或 Cursor，告訴它每一頁要講的一句結論與你的真實數字。AI 會在你的專案資料夾寫出一個 deck.html，連點兩下就能播放。Skill 的使用方式
網頁上是行內 SVG，資料放在檔案最上面的一個 DATA 物件裡，改數字圖就跟著變。進場時圖是「畫出來」的：折線用 stroke-dashoffset 從左畫到右，長條從基線長上來，散佈點依離原點的遠近一顆顆落下，熱力圖以對角線波次染色。匯出 PPTX 時會改用 pptxgenjs 的 addChart，在 PowerPoint 裡是可以編輯的真圖表。
可以。每一段文字都能在瀏覽器裡直接改，改過的內容會留著，⌘S 可以另存成新的 HTML；PDF 按鈕印成一張投影片一頁的 16:9；PPTX 按鈕用 pptxgenjs 匯出，文字、表格與圖表在 PowerPoint 裡仍然能編輯，不是整頁截圖。
不會。Skill 在你自己的 AI 工具裡執行，deck.html 也留在你的電腦上。
月訂 US$6、六個月 US$29，或終身 US$99 一次付清，三種都能使用全部 69 份 Skill，含日後新增。價格含稅。