这是一个暗色主题的 React UI 技能，技术栈为 React 18、TypeScript、Vite 5、Tailwind CSS 3、React Router 6 和 Framer Motion 11，配合 clsx 合并类名。适用于仪表盘、管理面板等数据密集型应用的界面构建。
主要能力：提供完整的暗色设计令牌，包括品牌色、六级中性背景、文本与边框层级、状态色及数据可视化色；内置玻璃拟态工具类（glass、glass-card、glass-panel、glass-overlay、glass-input）、焦点与滚动条样式、动画关键帧（fade-in、slide-up、slide-down）以及移动端安全区与 44px 最小触控尺寸配置。附带 Framer Motion 变体（fadeIn、slideUp、scaleOnHover、staggerContainer、staggerItem）和页面过渡封装参考。
使用方式：先执行 npm create vite@latest my-app -- --template react-ts 创建项目，再安装 framer-motion、clsx、react-router-dom 及 Tailwind 相关依赖，运行 npx tailwindcss init -p 初始化配置。项目结构包含 ui 组件（Button、Card、Input、Badge、Dialog、Tabs）与 layout 组件（AppShell、Sidebar、PageHeader），并给出 index.html、webmanifest、tailwind.config.js、globals.css 等配置参考。
限制：资料未提供实际包安装命令、组件具体实现代码、版本锁定建议及浏览器兼容性说明，使用时需自行补充；具体收费与授权信息暂未提供。