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）版本。不要用於與儀表板或資料視覺化無關的一般前端工作，或當使用者明確要求不同的元件庫時。
SKILL.md
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）版本。不要用於與儀表板或資料視覺化無關的一般前端工作，或當使用者明確要求不同的元件庫時。 來源：dodatech/approved-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/dodatech/approved-skills --skill tremor-design-system- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-17
- 更新時間
- 2026-02-18
快速解答
什麼是 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）版本。不要用於與儀表板或資料視覺化無關的一般前端工作，或當使用者明確要求不同的元件庫時。 來源：dodatech/approved-skills。
如何安裝 tremor-design-system？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/dodatech/approved-skills --skill tremor-design-system 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/dodatech/approved-skills
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-17