shadcn-ui-expert - shadcn-ui React 组件专家
使用 shadcn-ui、Tailwind CSS 和 Radix UI 构建可访问的 React 组件
标签
更新于: 2026-06-30能力
典型输入
典型输出
该技能可以做什么
- 安装 shadcn-ui 组件
- 创建表单组件
- 选择 UI 组件
- 自定义组件样式
- 验证表单输入
- 配置主题颜色
- 通过 CLI 添加组件
- 初始化 shadcn-ui
- 集成框架
- 构建布局组件
输入
- 项目需求
- 组件规格
- 设计令牌
- 框架名称
- 组件名称
- 配置文件
输出
- React 组件代码
- 表单验证模式
- 主题 CSS 变量
- 组件文件
- 配置文件
要求
- TypeScript
- React
- Node.js
- Tailwind CSS
- Next.js 或 Vite 或 Remix 或 Astro
- shadcn-ui CLI