LogoClawIndex
案例技能关于
LogoClawIndex

tailwind-v4-shadcn - 搭建Tailwind v4与shadcn/ui生产级技术栈

使用CSS变量和自动暗色模式配置Tailwind v4与shadcn/ui集成

标签

更新于: 2026-02-09
TailwindCSSReactUI设置CSS配置

能力

安装依赖项配置CSS变量映射Tailwind工具类设置暗色模式

典型输入

React项目Tailwind v4设置shadcn/ui配置

典型输出

配置好的CSS文件可运行的Tailwind v4设置修复的shadcn/ui集成

该技能可以做什么

  • 安装依赖项
  • 配置CSS变量
  • 映射Tailwind工具类
  • 设置暗色模式
  • 修复常见错误

输入

  • React项目
  • Tailwind v4设置
  • shadcn/ui配置

输出

  • 配置好的CSS文件
  • 可运行的Tailwind v4设置
  • 修复的shadcn/ui集成

要求

  • Node.js环境
  • pnpm包管理器
  • Vite构建工具
  • React项目

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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