使用 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