用途：为使用 shadcn/ui 的项目生成、定制和落地视觉主题，结合 tweakcn 做配色与深浅色方案，再用 Magic UI 为界面加入动画组件。适用于新项目主题搭建、自定义配色、添加深色模式、集成动画 UI 组件以及确定设计方向。
主要能力：tweakcn 是面向 shadcn/ui 的可视化主题编辑器，可导出可直接使用的 CSS 变量，支持 OKLCH（推荐）、HSL、RGB/Hex 等导出格式，并提供预设用于匹配产品气质，例如 graphite、mono、darkmatter、vercel、cosmic night、claude、modern minimal、notebook、soft pop、neo brutalism、bold tech、clean slate 等。Magic UI 提供 150+ 动画 React 组件，与 shadcn/ui 集成，包含 Magic Card、Shimmer Button、Blur Fade、Typing Animation、Border Beam、Animated Theme Toggler 等，可按需安装到 components/ui/。
使用方式：在 tweakcn.com/editor/theme 选择预设、调整颜色与圆角，导出变量后替换 globals.css 中 :root 与 .dark 的主题变量；可将 html 设置 className="dark" 作为默认深色，或用 next-themes 配合 ThemeProvider 实现可切换主题。安装组件使用 shadcn CLI，例如 pnpm dlx shadcn@latest add @magicui/magic-card。需要切换时安装 pnpm add next-themes。
适用场景与限制：适合 Next.js App Router 项目及 shadcn/ui 体系，覆盖开发工具、后台面板、B2B、协作工具、营销站点等方向。资料未提供收费、价格与具体性能数据；组件为可选安装，建议保持动画克制，尽量只安装实际用到的组件。