tailwind-shadcn-setup - Next.js的Tailwind和shadcn/ui设置
在Next.js项目中安装和配置Tailwind CSS和shadcn/ui
标签
更新于: 2026-06-15能力
典型输入
典型输出
该技能可以做什么
- 安装Tailwind CSS
- 配置Tailwind CSS
- 初始化shadcn/ui
- 配置设计令牌
- 设置暗色模式
- 添加组件
- 配置主题
- 设置CSS变量
输入
- Next.js项目
- 组件名称
- 主题配置
输出
- tailwind.config.ts
- components.json
- app/globals.css
- lib/utils.ts
- 主题组件
要求
- Next.js 13.4+
- React 18+
- Node.js 18.17+或20+
- TypeScript