frontend-ui-dark-ts - 面向 TypeScript 应用的深色 React UI 系统
提供基于 Tailwind CSS 和 Framer Motion 的深色 React UI 系统,包含玻璃拟态样式和适用于仪表板及数据密集型应用的组件。
标签
更新于: 2026-09-30能力
典型输入
典型输出
该技能可以做什么
- 构建深色 React 界面
- 配置 Tailwind 设计令牌
- 添加 Framer Motion 动画
- 创建可复用 UI 组件
- 设置客户端路由
- 定义 PWA 元数据
输入
- React 项目
- 应用元数据
- 静态资源
- 字体文件
输出
- React 和 TypeScript UI 文件
- Tailwind 和 PostCSS 配置
- 深色主题样式
- HTML 和 PWA 元数据
要求
- React 18.x
- React DOM 18.x
- React Router DOM 6.x
- Framer Motion 11.x
- Tailwind CSS 3.x
- Vite 5.x
- TypeScript 5.x
- clsx 2.x
