frontend-ui-dark-ts - 使用 Tailwind 和 Framer Motion 构建深色 React 界面
提供基于 TypeScript React 的深色 UI 系统，用于构建采用 Tailwind CSS、Framer Motion 和玻璃拟态样式的仪表盘、管理面板及数据密集型应用。
标签
更新于: 2026-09-29能力
典型输入
典型输出
该技能可以做什么
- 搭建 React UI 项目
- 配置 Tailwind CSS
- 定义深色主题令牌
- 添加 Framer Motion 动画
- 组织可复用 UI 组件
- 配置响应式应用元数据
输入
- 界面需求
- React TypeScript 项目
- 品牌资源
- 应用元数据
输出
- React UI 源文件
- Tailwind 配置文件
- 全局 CSS 样式
- 应用元数据文件
- 可复用 UI 组件
要求
- React 18.x
- react-dom 18.x
- react-router-dom 6.x
- Framer Motion 11.x
- clsx 2.x
- Tailwind CSS 3.x
- Vite 5.x
- TypeScript 5.x
- PostCSS
- Autoprefixer