LogoClawIndex
案例技能关于
LogoClawIndex

shadcn - 管理 shadcn/ui 组件与项目

基于项目上下文和组件文档,添加、搜索、修复、调试、样式化并组合 shadcn/ui 组件与项目界面。

标签

更新于: 2026-10-04

能力

典型输入

典型输出

该技能可以做什么

  • 添加 shadcn 组件
  • 搜索组件注册表
  • 检查项目上下文
  • 获取组件文档
  • 应用预设代码
  • 设置组件界面样式
  • 组合现有组件
  • 调试组件问题

输入

  • 项目包管理器
  • 项目 components.json
  • 项目配置
  • 组件名称
  • 预设代码
  • 界面需求

输出

  • 更新后的组件源文件
  • 更新后的项目配置
  • 生成的界面代码
  • CLI 命令结果
  • 组件文档链接

要求

  • Node.js 包运行器
  • shadcn 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 组件
搜索组件注册表
检查项目上下文
获取组件文档
项目包管理器
项目 components.json
项目配置
更新后的组件源文件
更新后的项目配置
生成的界面代码