jwc-ui-shadcn-workflow - shadcn + Tailwind v4 UI组件工作流程
在添加/修改shadcn/ui + Tailwind v4组件时遵循组件复用、cn()/cva模式、exports影响检查和lint/typecheck流程
标签
更新于: 2026-02-12该技能可以做什么
- 添加shadcn组件
- 修改shadcn组件
- 检查exports影响
- 运行lint检查
- 运行typecheck检查
- 使用cn()函数
- 使用cva模式
输入
- packages/ui源代码
- shadcn组件
- Tailwind v4配置
- package.json exports配置
输出
- 修改的UI组件文件
- 更新的exports路径
- lint检查结果
- typecheck检查结果
要求
- pnpm包管理器
- packages/ui项目结构
- shadcn/ui + Tailwind v4环境
- lint和typecheck工具