创建时间: 2026-04-24最后更新: 2026-04-25

1. 概述

shadcn/ui 不是一个装完就直接用的完整组件库,它更像一套「可复制、可改造、可放进自己代码库」的组件源码方案。

它的价值不在于帮你藏住实现细节,而在于把实现权交还给你:样式是 Tailwind,交互底座是 Radix,组件源码本身就在项目里,后面要改结构、改 class、改交互都可以直接改。

放到这个 monorepo 里,它特别合适。

因为我们已经有了 Tailwind v4 + @repo/ui 这条共享组件链路,这时候再引入 shadcn/ui,目标就不该是让 webadmin 各自再生成一份按钮和表单组件,而是把首批基础组件直接沉淀到 packages/ui,让两个子站一起复用。

这样做有三个好处:

  • 组件 API 统一,两个子站不会各写各的
  • 共享包继续掌握源码,后面要改样式和交互不用绕远路
  • 可以基于共享包的 tailwindcss 顺手验证 cvacn、Radix 基础依赖

因此,我们先按下面这个目标推进:

prompt.md
1
在现有 Tailwind v4 + @repo/ui 共享包方案之上,引入第一批 shadcn/ui 基础组件,并在 apps/web 与 apps/admin 中实际使用这些组件完成验证。
2
3
本次首批组件:
4
- Button
5
- Card
6
- Input
7
- Label
8
- Separator
订阅后可阅读剩余内容
AI 电子伴侣企业级项目实战
已发布145计划发布120目标已完成121%