@ui-arch · 私人组件库

自研、零依赖、Agent 友好的 DOM 组件库单体仓：signal 微框架 + headless 表格内核 + 令牌化皮肤组件，所有文档与 MCP 注册表都从一个清单派生。

快速开始

pnpm install            # 包间依赖用 workspace:*，npm 不支持
npm run check           # 门禁一条龙：build → style → typecheck → smoke → index → verify
npm run demo            # 打开演示：apps/demo/dist/demo.html
npm run docs            # 生成人类文档站 apps/docs/index.html + Agent 全量文档 llms-full.txt

组件（共 32 个）

accordion · alert · avatar · badge · breadcrumb · button · card · checkbox · dataTable · drawer · empty · form · inputNumber · menu · modal · pagination · popover · progress · radioGroup · rate · select · skeleton · slider · spinner · stepper · switchButton · tabs · tag · textField · textarea · toast · tooltip

分组：表单（button / textField / inputNumber / textarea / checkbox / switchButton / select / radioGroup / slider / rate / form / formItem）、反馈（alert / toast / spinner / progress / skeleton / badge / empty）、浮层（tooltip / popover / modal / drawer / menu）、导航（tabs / breadcrumb / pagination / accordion / stepper）、数据（dataTable / tag / avatar / card）。

目录

路径	说明
packages/core/frame	@ui-arch/frame：signal / computed / effect + hyperscript（无虚拟 DOM）
packages/core/table-core	@ui-arch/table-core：headless 表格（filter → sort → paginate 派生管线）
packages/skin/ui	@ui-arch/ui：32 个 DOM 组件 + ui.css（只消费 --ua-* 令牌）
packages/design/tokens	@ui-arch/tokens：设计令牌（暗色只换值不换名）
packages/tools/cli	@ui-arch/cli：ua 命令行与 stdio MCP server
apps/demo	交互演示（esbuild 打包成单文件）
apps/docs	文档站纯产物（ua docs 生成）

三道门禁

1. ua style：注释规范——导出必须有 /*** 作用 ***/、接口字段行尾注释、行注释用中文。
2. ua verify：清单 ↔ 文档 ↔ 演示一致（id 唯一、exports 对应、props 带 n/t/d、steps ≥ 3、demo 锚点存在），皮肤样式表禁止 #hex 硬编码颜色。
3. ua index：刷新 .ua/index.json / llms.txt，供 MCP 与 Agent 查询。

Agent 接入

• 静态：llms.txt（速览）/ llms-full.txt（全量：逐组件参数 / 回调 / 手把手 / 令牌）
• 命令行：node packages/tools/cli/bin/ua.js list | info <name> | docs | verify | mcp
• MCP：在 ~/.workbuddy/mcp.json 注册 ua mcp，可用 list_components / get_component / search_components

规范见 AGENTS.md（接入手册）、ARCHITECTURE.md（分层与依赖方向）、CODING.md（编码规范）、ITERATION.md（自动迭代协议）。

分支流水线

qa/probe ──门禁通过──▶ qa/stable ──人工审阅──▶ main（受保护）

自动化只在 qa/stable 做 fast-forward 合并，main 仅由人审后合入。