LogoClawIndex
案例技能关于
LogoClawIndex

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

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
React
TypeScript
Tailwind CSS
Framer Motion
深色主题
仪表板
管理面板
玻璃拟态
构建深色 React 界面
配置 Tailwind 设计令牌
添加 Framer Motion 动画
创建可复用 UI 组件
React 项目
应用元数据
静态资源
React 和 TypeScript UI 文件
Tailwind 和 PostCSS 配置
深色主题样式