SuperAPI AI 工具集

moai-library-shadcn

前端与建站

查看项目

更新于 10-16 01:17

技能介绍

用途:为 React 应用提供 shadcn/ui 组件库的专业支持,覆盖组件库搭建、定制、预设化设计系统配置、RTL 布局实现或迁移、注册表编写与 AI 辅助组件脚手架。

主要能力:CLI v4 支持预设系统、框架模板、迁移命令与注册表管理;组件基于 Radix UI 与 Base UI 原语,采用统一 radix-ui 包;主题使用 OKLCH 色彩系统、CSS 变量、暗色模式与预设配置;提供一等 RTL 支持与逻辑 CSS 属性;支持 shadcn/skills 上下文系统与面向 AI 助手的 MCP 服务器;支持自定义组件分发、字体系统与区块库。

使用方式:先用 shadcn/cli v4 初始化项目,选择框架模板(Next.js、Vite、TanStack Start、React Router、Astro、Laravel),可选应用预设;CLI 生成 components.json,检测框架、配置 Tailwind(v3 或 v4)、设置路径别名并选择基础原语库。随后用 add 命令逐个添加组件,可用 --dry-run 预览变更、--diff 查看注册表更新,shadcn info 查看已装组件与项目配置。

适用技术栈:React 19、TypeScript 5.9、Tailwind CSS v4、Radix UI;集成 React Hook Form、Zod、class-variance-authority、Framer Motion、Lucide React。

限制:资料以功能与最佳实践说明为主,未提供具体价格、收费或部署平台信息;部分命令与代码细节需查阅对应文档,本文不展开完整示例。