react-shadcn - 使用 shadcn/ui 构建 React 无障碍 UI 组件
基于 Radix UI 和 Tailwind CSS 构建 React 无障碍 UI 组件
标签
更新于: 2026-03-20该技能可以做什么
- 安装 shadcn 组件
- 构建 UI 组件
- 创建表单字段
- 实现对话框
- 创建数据表格
- 构建导航菜单
- 添加通知提示
- 配置主题
- 搜索组件注册表
- 查看组件代码
输入
- React 项目
- 组件规格
- 配置设置
- 主题偏好
- 表单字段需求
输出
- React 组件文件
- 表单组件文件
- 对话框组件文件
- 数据表格文件
- 导航菜单文件
- 通知提示文件
- 样式化组件代码
要求
- React 19
- Tailwind CSS v4
- shadcn/ui 3.8.0
- MCP 服务器集成
- Node.js 环境