dashboard-design - 设计高效仪表盘：KPI 卡片、数据表格与实时更新
使用 React 和 Tailwind CSS 设计仪表盘，涵盖 KPI 展示、可排序数据表格和实时更新模式。
标签
更新于: 2026-06-30能力
典型输入
典型输出
该技能可以做什么
- 设计 KPI 卡片布局
- 创建仪表盘网格布局
- 构建可排序数据表格
- 实现自动刷新数据获取
- 创建实时状态指示器
- 设计响应式仪表盘布局
- 处理加载和错误状态
输入
- 仪表盘指标数据
- 图表数据源
- 数据表格数据集
- KPI 定义
输出
- React 仪表盘 UI 组件
- KPI 卡片组件
- 可排序数据表格组件
- 图表卡片组件
- 实时状态指示器组件
要求
- React 运行环境
- Tailwind CSS
- TypeScript 支持