lieflat-charts：49 種圖表規格的資料視覺化 skill

授權注意：PolyForm Noncommercial 1.0.0。學習、修改、分享、非商業使用皆可，商業使用需另外取得授權。

這是什麼

一個給 AI agent 用的資料視覺化 skill，把你的資料變成有編輯設計質感的 HTML 圖表。它不是圖表函式庫，是一份「什麼資料該用什麼圖、配什麼顏色」的規則書加上 49 種現成規格。

核心概念怎麼運作

它把圖表分成三套視覺調性，各自服務不同的閱讀情境：

Lupi Editorial（15 種）——細線、留白多，給人慢慢看細節的。

Lupi Basics（13 種）——長條、折線、圓餅這些經典圖，但細節做得比預設樣式講究。

Glance（18 種）——為「掃一眼」設計，強調排名跟異常值，給儀表板和報告用。

另外有 3 種互動圖（關係網絡、多段流向）和 12 套中英雙語的整頁報告模板（研究報告、年報、月報、儀表板、海報、簡報）。

顏色是它最講究的地方：預設一律 Mono 黑白灰，另有三套色系——Porcelain（青，同色相明度階，給有序資料）、Palm（低彩度黃綠，給分類資料）、Wire（灰階加橘色重點）。它會照資料的語意自動選，而且同一份交付禁止混用色系。地圖預設不開，只有明確要求才啟用。

解決什麼問題

叫 AI 畫圖表，通常得到函式庫預設樣式的東西——能看，但很醜、顏色亂配。這套把設計決策變成不能違反的規則。

用到哪些東西

輸出是單檔 HTML。手刻 SVG（Editorial 和 Basics）、ECharts、Chart.js，字型走 CDN 載 Inter。安裝：npx skills add https://github.com/larashero3-dotcom/lieflat-charts --skill lieflat-charts。推薦平台是 Moxt.ai，但相容 Claude Code、Codex 等支援 Agent Skills 格式的工具。

前置知識

不需要寫程式，給資料講需求就行。但要看得懂圖表類型的差別，不然無法判斷 agent 選得對不對。