shadcn-ui-components

使用shadcn/ui库与Radix UI原语和Tailwind CSS样式构建美观且可访问的UI组件，这些组件归你所有并可以自定义。在创建可访问的组件库、实现常见的UI模式（如对话框、下拉菜单、提示）、构建带有验证功能的表单、创建数据表格、实现命令面板、使用Radix UI原语、用Tailwind自定义组件或构建具有完全代码所有权的设计系统时使用。

Shadcn UI - Reusable Component Library

When to use this skill

Creating accessible UI component libraries
Implementing dialogs, dropdowns, tooltips, popovers
Building forms with validation and error handling
Creating sortable, filterable data tables
Implementing command palettes (Cmd+K interfaces)
Using Radix UI primitives with custom styling
Customizing components with Tailwind CSS
Building design systems you fully own
Implementing accessible keyboard navigation
Creating consistent, themeable components
Using pre-built accessible patterns
Building components that match your design system

When to use this skill

Building UI with Shadcn, Radix UI primitives, Tailwind CSS.
When working on related tasks or features
During development that requires this expertise

Use when: Building UI with Shadcn, Radix UI primitives, Tailwind CSS.

Installation

```bash npx shadcn-ui@latest add button ```

Usage

```typescript import { Button } from '@/components/ui/button';

<Button variant="destructive">Delete</Button> ```

Resources

Shadcn UI