LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

frontend-ui-dark-ts - 构建基于 TypeScript 的深色 React UI 系统

提供基于 Tailwind CSS 和 Framer Motion 的深色 React UI 系统,包含玻璃拟态工具、布局和响应式样式。

标签

更新于: 2026-09-28

能力

典型输入

典型输出

该技能可以做什么

  • 配置 Tailwind 样式
  • 构建深色 React 界面
  • 添加 Framer Motion 动画
  • 定义玻璃拟态工具
  • 创建仪表盘布局
  • 配置 PWA 元数据

输入

  • React TypeScript 项目
  • UI 需求

输出

  • React UI 源文件
  • Tailwind 和 PostCSS 配置
  • HTML 元数据和 PWA 清单
  • 深色主题界面

要求

  • React 18
  • React DOM 18
  • React Router DOM 6
  • Framer Motion 11
  • Tailwind CSS 3
  • Vite 5
  • TypeScript 5
  • npm

来源

  • 规范: SKILL.md
React
TypeScript
Tailwind CSS
Framer Motion
深色主题
仪表盘界面
玻璃拟态
配置 Tailwind 样式
构建深色 React 界面
添加 Framer Motion 动画
定义玻璃拟态工具
React TypeScript 项目
UI 需求
React UI 源文件
Tailwind 和 PostCSS 配置
HTML 元数据和 PWA 清单