LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

jwc-ui-shadcn-workflow - UI shadcn + Tailwind v4 组件管理工作流

遵循在packages/ui中添加/修改shadcn/ui + Tailwind v4组件的流程

标签

更新于: 2026-02-12

能力

典型输入

典型输出

该技能可以做什么

  • 审查现有组件重用
  • 使用cn()合并className
  • 检查exports路径影响
  • 运行shadcn添加脚本
  • 执行lint检查
  • 运行类型检查

输入

  • packages/ui/src/components/shadcn文件
  • pnpm命令
  • package.json exports配置
  • UI工作流文档

输出

  • 修改后的shadcn组件
  • 更新的package.json exports
  • lint检查结果
  • 类型检查结果

要求

  • pnpm包管理器
  • packages/ui目录结构
  • 已安装shadcn/ui
  • 已配置Tailwind v4
  • lucide-react图标库

来源

  • 规范: SKILL.md
UI开发
shadcn/ui
Tailwind CSS
组件工作流
包管理
审查现有组件重用
使用cn()合并className
检查exports路径影响
运行shadcn添加脚本
packages/ui/src/components/shadcn文件
pnpm命令
package.json exports配置
修改后的shadcn组件
更新的package.json exports
lint检查结果