LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

使用该输入的 Skills:React 项目

浏览使用该输入的技能列表。

  • tailwind-v4-shadcn - 配置 Tailwind v4 与 shadcn/ui
    Tailwind CSSTailwind CSS v4shadcn/uiReact

    ★ 0 · 更新于 2026-10-05

    使用 CSS 变量、@theme 映射、基础样式和暗色模式配置 Tailwind CSS v4 与 shadcn/ui,并处理已记录的迁移错误。

    ⚙ 安装 Tailwind v4 依赖⚙ 配置 Vite 插件⚙ 定义 CSS 主题变量
  • tailwind-v4-shadcn - 配置 Tailwind v4 与 shadcn/ui 主题架构
    Tailwind CSSshadcn/uiReactVite

    ★ 0 · 更新于 2026-10-05

    使用 CSS 变量、@theme 映射、基础样式和自动暗色模式配置 Tailwind v4 与 shadcn/ui。

    ⚙ 安装所需依赖⚙ 配置 Vite 插件⚙ 定义 CSS 主题变量
  • tailwind-v4-shadcn - 配置 Tailwind v4 与 shadcn/ui
    Tailwind CSSshadcn/uiViteCSS 变量

    ★ 2 · 更新于 2026-10-05

    使用 CSS 变量、@theme 映射、基础样式和自动暗色模式配置 Tailwind v4 与 shadcn/ui。

    ⚙ 安装 Tailwind 依赖⚙ 配置 Vite 插件⚙ 定义主题 CSS 变量
  • tailwind-v4-shadcn - 配置 Tailwind CSS v4 与 shadcn/ui
    Tailwind CSSTailwind v4shadcn/uiVite

    ★ 0 · 更新于 2026-09-30

    配置 Tailwind CSS v4 与 shadcn/ui、Vite、React、CSS 变量、语义化颜色和深色模式。

    ⚙ 配置 Vite 集成⚙ 设置 shadcn/ui⚙ 定义 CSS 颜色变量
  • frontend-ui-dark-ts - 面向 TypeScript 应用的深色 React UI 系统
    ReactTypeScriptTailwind CSSFramer Motion

    ★ 0 · 更新于 2026-09-30

    提供基于 Tailwind CSS 和 Framer Motion 的深色 React UI 系统,包含玻璃拟态样式和适用于仪表板及数据密集型应用的组件。

    ⚙ 构建深色 React 界面⚙ 配置 Tailwind 设计令牌⚙ 添加 Framer Motion 动画
  • tailwind-v4-shadcn - 配置 Tailwind CSS v4 与 shadcn/ui
    Tailwind CSSTailwind CSS v4shadcn/uiVite

    ★ 1 · 更新于 2026-09-29

    配置结合 Vite 和 React 的 Tailwind CSS v4 与 shadcn/ui,包括 CSS 变量、语义颜色、深色模式、插件和故障排查。

    ⚙ 安装 Tailwind 依赖⚙ 配置 Vite 插件⚙ 设置 shadcn/ui
  • shadcn-ui - 为 React 项目安装和配置 shadcn/ui 组件。
    shadcn-uireactUI组件tailwind

    ★ 0 · 更新于 2026-09-16

    为 React 项目安装和配置 shadcn/ui 组件,包含安装顺序、自定义及常见 UI 模式。

    ⚙ 安装基础与功能组件⚙ 管理组件安装顺序⚙ 使用语义 Token 自定义组件
  • motion-react - 使用 Motion(原 Framer Motion)构建 React 动画
    ReactMotionFramer Motion动画

    ★ 628 · 更新于 2026-06-30

    使用 Motion 库创建 React 动画,支持手势交互、滚动效果、弹簧物理、布局动画、退出动画及运动值。

    ⚙ 创建 motion 动画组件⚙ 动画 CSS 属性值⚙ 配置弹簧与补间过渡
  • tanstack-hotkeys-guide - TanStack Hotkeys React 键盘快捷键指南
    tanstack快捷键键盘快捷键react

    ★ 8 · 更新于 2026-06-30

    使用 @tanstack/react-hotkeys 在 React 中实现类型安全键盘快捷键的指南,涵盖注册、序列、录制与显示格式化。

    ⚙ 注册键盘快捷键⚙ 注册多键序列⚙ 录制自定义快捷键
  • ckm:ui-styling - 使用 shadcn/ui 与 Tailwind CSS 构建无障碍界面
    UIshadcn/uiTailwind CSS无障碍

    ★ 22 · 更新于 2026-06-30

    使用 shadcn/ui 组件、Tailwind CSS 工具类样式和基于画布的视觉设计系统创建无障碍用户界面。

    ⚙ 安装 shadcn/ui 组件⚙ 应用 Tailwind CSS 工具类⚙ 创建响应式布局
  • modal-drawer-system - 无障碍模态框与抽屉组件生成器
    模态框抽屉无障碍React

    ★ 61 · 更新于 2026-06-30

    生成带有焦点陷阱、ESC 关闭、滚动锁定、Portal 渲染和 ARIA 属性的无障碍模态框与抽屉组件。

    ⚙ 创建模态框组件⚙ 创建抽屉组件⚙ 创建确认对话框
  • building-compound-components - 创建无样式 React 复合组件
    React复合组件无头 UI组件库

    ★ 11,185 · 更新于 2026-05-09

    创建无样式复合组件,将业务逻辑与样式分离

    ⚙ 创建上下文文件⚙ 创建根组件⚙ 创建消费者组件
  • React Frontend Architecture - React 前端架构指南
    React前端架构TypeScript

    ★ 0 · 更新于 2026-05-09

    构建可扩展 React 应用的综合指南和标准,包括项目结构、组件设计、状态管理和样式规范。

    ⚙ 定义项目结构⚙ 设计组件架构⚙ 建立命名规范
  • vite-configuration - Vite 6.x React 单页应用配置
    ViteReact构建工具配置

    ★ 2 · 更新于 2026-03-26

    为 React 单页应用配置 Vite 6.x

    ⚙ 创建 vite 配置文件⚙ 设置路径别名⚙ 配置开发服务器
  • react-shadcn - React UI 组件与 shadcn/ui
    ReactUI 组件shadcn/uiTailwind CSS

    ★ 22 · 更新于 2026-03-20

    使用 shadcn/ui、TanStack Form 和 Tailwind CSS 构建可访问的 React UI 组件

    ⚙ 安装组件⚙ 创建按钮⚙ 构建表单
  • react-shadcn - 使用 shadcn/ui 构建 React 无障碍 UI 组件
    ReactUI 组件shadcn/uiTailwind CSS

    ★ 650 · 更新于 2026-03-20

    基于 Radix UI 和 Tailwind CSS 构建 React 无障碍 UI 组件

    ⚙ 安装 shadcn 组件⚙ 构建 UI 组件⚙ 创建表单字段