shadcn/ui 作为底座，SmoUI 做业务层

直接使用 shadcn/ui，沉淀 Smo 系列 UI 生成闭环

Web 基础组件不重造。SmoUI 负责产品边界、业务模板、组件规则、token、registry 和从对话到可交付界面的验收流程。

看组件看 CLI 用法看页面模板看归属

当前沉淀

组件1 个

页面模板0 个

产品边界5 类

验收命令3 条

开始使用

理解 SmoUI 为什么不是从零造组件，而是把成熟底座产品化。

阅读文档

CLI 使用

直接复用 shadcn CLI 安装 SmoUI registry 资产，后续再做薄封装。

查看命令

组件一览

查看已经确认的 SmoUI 自研组件、示例、API 和使用规则。

浏览组件

页面场景模板

确认业务边界后，把可复用的整页结构沉淀下来。

查看模板

Registry 归属

明确新增组件、页面模板、文档和 token 应该落到哪里。

查看归属

底座分层

不重做 shadcn/ui

shadcn/ui

源码层

通过 CLI 把官方组件源码带入仓库，组件可以审查、改造和版本化。

components/ui/*

Base UI

交互原语

负责弹窗、浮层、选择器、焦点和键盘行为，SmoUI 不重写底层交互。

@base-ui/react

Tailwind

样式系统

承载设计 token、语义颜色、布局密度和响应式约束。

tailwind.config.ts

SmoUI

产品层

不重写基础组件，只沉淀中文页面场景模板、组件规则、生成契约和验收标准。

components/smo/*

生成流程

从自然语言到可复用资产

需求

识别产品、场景、关键对象和使用频率。

产品上下文

边界

确认能力归属、禁止跨界内容和权限责任。

责任边界

页面模板

匹配整页骨架、组件组合和交互状态。

页面场景模板

工程

拆到组件、常量、类型和工具函数。

可维护代码

沉淀

验证通过后写入模板、规则和 registry。

复用资产

生成约束

先判断产品边界，再选择页面场景模板，最后组合组件。

Web 基础组件直接使用 shadcn/ui 官方源码，不做一套不兼容的 SmoUI 组件 API。

页面文件只做组合，数据、规则、状态和复杂 UI 拆到 components/smo。

每次沉淀都同步文档，并通过 lint、typecheck、build。

产品边界

产品边界先于组件选择

查看边界

SmoArch

身份、权限、支付、审计、文件、任务、计费、网关等平台底座能力。

SmoLink

应用入口、客户端体验、应用级访问和轻量任务面板。

smolink-online

云端控制台、模块开通、工作区、套餐、角色和上下文下发。

SmoFan

粉丝与会员经营、权益触达、商家侧运营、内容素材和转化承接。

SmoMark

增长计划经营、项目绑定、报名、订单、核销和复盘分析。