使用 Tremor 設計系統（React + Tailwind CSS + Recharts）建立儀表板、分析介面和資料豐富的 UI。當使用者要求建立儀表板元件、KPI 卡、圖表、資料表、分析頁面、監控介面或任何應使用 Tremor 的資料視覺化 UI 時使用。觸發器包括提及「Tremor」、「tremor.so」、「@tremor/react」、對帶有圖表和表格的儀表板 UI 的請求，或當使用者的項目已經使用 Tremor 元件時。支援 Tremor Raw（複製貼上，tremor.so）和 Tremor NPM（@tremor/react）版本。不要用於與儀表板或資料視覺化無關的一般前端工作，或當使用者明確要求不同的元件庫時。
透過命令列快速安裝 tremor-design-system AI 技能到你的開發環境
來源：fefogarcia/approved-skills。
Build production-grade dashboards and analytics interfaces using Tremor's React component library.
Tremor has two distribution models. Detect which the user's project uses before writing code:
If unclear, ask the user. Default to Tremor Raw for new projects, as it is the actively developed version (acquired by Vercel in Jan 2025).
使用 Tremor 設計系統（React + Tailwind CSS + Recharts）建立儀表板、分析介面和資料豐富的 UI。當使用者要求建立儀表板元件、KPI 卡、圖表、資料表、分析頁面、監控介面或任何應使用 Tremor 的資料視覺化 UI 時使用。觸發器包括提及「Tremor」、「tremor.so」、「@tremor/react」、對帶有圖表和表格的儀表板 UI 的請求，或當使用者的項目已經使用 Tremor 元件時。支援 Tremor Raw（複製貼上，tremor.so）和 Tremor NPM（@tremor/react）版本。不要用於與儀表板或資料視覺化無關的一般前端工作，或當使用者明確要求不同的元件庫時。 來源：fefogarcia/approved-skills。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system使用 Tremor 設計系統（React + Tailwind CSS + Recharts）建立儀表板、分析介面和資料豐富的 UI。當使用者要求建立儀表板元件、KPI 卡、圖表、資料表、分析頁面、監控介面或任何應使用 Tremor 的資料視覺化 UI 時使用。觸發器包括提及「Tremor」、「tremor.so」、「@tremor/react」、對帶有圖表和表格的儀表板 UI 的請求，或當使用者的項目已經使用 Tremor 元件時。支援 Tremor Raw（複製貼上，tremor.so）和 Tremor NPM（@tremor/react）版本。不要用於與儀表板或資料視覺化無關的一般前端工作，或當使用者明確要求不同的元件庫時。 來源：fefogarcia/approved-skills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/fefogarcia/approved-skills