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