LogoClawIndex
案例技能关于
LogoClawIndex

shadcn - 管理 shadcn 组件与项目

通过项目感知的指导和 CLI 命令添加、搜索、修复、调试、样式化并组合 shadcn 组件与项目界面。

标签

更新于: 2026-10-06

能力

典型输入

典型输出

该技能可以做什么

  • 检查项目上下文
  • 搜索组件注册表
  • 读取组件文档
  • 添加 shadcn 组件
  • 应用预设代码
  • 解析项目预设
  • 设置组件界面样式
  • 组合现有组件
  • 调试组件用法
  • 指导聊天界面组合

输入

  • 项目文件
  • packageManager 配置
  • components.json
  • 组件名称
  • 预设代码
  • 界面需求

输出

  • 新增的组件源文件
  • 更新后的项目配置
  • 生成的界面代码
  • CLI 命令结果
  • 组件使用指导

要求

  • Node.js 项目
  • 已配置的包运行器
  • CLI 执行权限
  • 访问 shadcn 注册表的网络权限

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
shadcn/ui
React 组件
界面组合
组件注册表
Tailwind CSS
设计系统
聊天界面
检查项目上下文
搜索组件注册表
读取组件文档
添加 shadcn 组件
项目文件
packageManager 配置
components.json
新增的组件源文件
更新后的项目配置
生成的界面代码