技能介绍
shadcn/ui 是由 shadcn-ui 维护的一套 UI 组件集合，定位是"设计精美的组件，您可以自定义、扩展并在此基础上构建"。它要解决的是传统组件库难以深度改造的问题：组件代码直接交付给你，开源、开放代码，用它来构建您自己的组件库。它提供可直接集成、可完全掌控代码的现代化 UI 组件，并支持多种前端框架，采用 MIT 开源许可。本组合包含 2 个可安装子 Skill。
适用场景
- 在 React 项目中需要一套现成但可深度改造的 UI 组件
- 希望表单等组件自带验证能力
- 需要把已有的 Radix UI 组件迁移到 shadcn/ui 的基础架构
- 希望把组件样式调整到符合自己的品牌设计规范
- 想要一套无障碍（可访问性）友好的组件基础
核心能力
- 设计精美、可高度定制、易于访问的 UI 组件库
- 代码归你所有：可自定义、扩展，并在此基础上搭建自己的组件库
- 支持多种前端框架
- 组件基础架构可与 Radix UI 组件衔接，便于迁移
- 开源、开放代码，MIT 许可
效果预览
你需要提供
- 一个前端项目（示例场景以 React 项目为主）
- 明确要接入的组件与品牌样式要求
你会获得
- 可直接集成到项目中的组件代码
- 可继续扩展的自有组件库基础
使用示例
页面给出的典型提问示例：
如何使用 shadcn/ui 在我的 React 项目中添加一个带有验证功能的表单组件？请解释如何将现有的 Radix UI 组件迁移到 shadcn/ui 的基础架构中。如何自定义 shadcn/ui 组件的样式以符合我的品牌设计规范？本组合包含 2 个可安装子 Skill，可让 Cola 评估后智能安装，或全部安装。
