LogoClawIndex
案例技能关于
LogoClawIndex

jwc-ui-shadcn-workflow - shadcn和Tailwind v4的UI组件工作流程

处理在packages/ui目录中添加和修改shadcn/ui组件及Tailwind v4的工作流程

标签

更新于: 2026-02-12
UI开发工作流程组件管理

能力

典型输入

典型输出

该技能可以做什么

  • 重用现有组件
  • 添加shadcn组件
  • 修改shadcn组件
  • 使用cn()函数
  • 运行lint检查
  • 运行typecheck检查

输入

  • packages/ui源代码
  • 现有UI组件
  • shadcn组件

输出

  • 修改后的UI组件文件
  • 更新的package.json导出配置

要求

  • Node.js环境
  • pnpm包管理器
  • packages/ui项目结构

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
重用现有组件
添加shadcn组件
修改shadcn组件
使用cn()函数
packages/ui源代码
现有UI组件
shadcn组件
修改后的UI组件文件
更新的package.json导出配置