这个项目能做什么

Saas UI 是一个开源的设计系统和源代码组件库，旨在服务于构建 B2B 应用程序和仪表盘的团队。它构建在 Chakra UI 之上：Chakra 原语来自 @chakra-ui/react，而 Saas UI 的 tokens 和 recipes 则来自 @saas-ui/chakra-preset。像 Sidebar 这样的可编辑组合组件可以通过 @saas-ui/cli 安装到应用程序中。 该仓库包含预设、注册表编译器和模板、CLI、支持包、示例以及文档网站。开源发行版列出了 Chakra tokens、recipes、语义化样式和系统配置；可编辑的注册表组件和应用组合；CLI 初始化、安装、迁移、diff 和更新工作流；以及支持的 hooks、forms、authentication 和 modal 包。一个单独的 Pro 版本提供了通过认证注册表安装的高级可编辑应用区块目录；README 中提到的 Pro 示例区域包括：Next.js SaaS 应用示例、认证界面、应用布局、DataGrid/DataBoard、账户和设置页面、功能标志 (feature flags)、计费/订阅管理、基于 React Query 的模拟 API、配色方案、主题、引导流程和示例页面。 入门步骤是使用 npx @saas-ui/cli@rc init 来初始化现有的 React 项目，然后使用 npx @saas-ui/cli@rc add sidebar 来添加可编辑的组件或组合。初始化过程会安装兼容的 Chakra、Emotion 和预设依赖项，创建 components.json 并安装本地 provider 设置。现有的 @saas-ui/react 用户被引导至迁移指南；该包在过渡期间仍然可用，且 README 未声明 npm 已弃用或删除。该仓库是一个使用 pnpm 10 或更高版本的 pnpm workspace，包含用于 Storybook、包构建和文档网站的脚本。文档网站依赖于私有包，如果没有私有 Git 子模块的访问权限，将无法完整构建。除 Saas UI 品牌资产外的所有代码均采用 MIT 许可。