zag-compound-components - @techsio/ui-kit 的 Zag 复合组件规范
用于使用 Zag.js、React 上下文和数据属性状态样式创建与重构 @techsio/ui-kit 交互组件的规范说明。
标签
更新于: 2026-09-16能力
典型输入
典型输出
该技能可以做什么
- 构建基于 Zag 的复合交互组件
- 将 Zag 状态机与 React 连接
- 直接挂载复合子组件到根组件
- 利用数据属性设置组件状态样式
- 提供复合组件上下文校验保护
- 参考 Chakra 对齐子组件命名规范
输入
- 交互组件开发需求
- Zag.js 状态机 API
- UI 组件库源码文件
- Chakra UI 复合解构参考资料
输出
- 基于 Zag 的 React 复合组件
- 重构后的 UI 组件代码文件
- 组件校验与测试验证结果
要求
- component-authoring 技能
- tailwind-token-authoring 技能
- @techsio/ui-kit 环境 v0.3.2
- Bun、Nx 与 pnpm 构建工具