radix-ui-design-system - 构建可访问的 Radix UI 设计系统
使用 Radix 原语、主题策略和可组合组件模式构建可定制且可访问的 React 设计系统。
标签
更新于: 2026-10-16能力
典型输入
典型输出
该技能可以做什么
- 构建可访问组件
- 定制无样式原语
- 组合复合组件
- 实现主题策略
- 管理受控状态
- 应用多态组件模式
输入
- React 项目
- 设计系统令牌
- 主题需求
- 组件行为需求
- 可访问性需求
- 规范设计文档
输出
- 可访问的 UI 组件
- 带主题的组件库
- 定制化 Radix 原语
- 可用于生产的设计系统文件
要求
- React 16.8 或更高版本
- Radix UI 原语
- @afenda/shadcn-ui-deprecated 包
- Tailwind CSS v4
- Class Variance Authority
- 工作区设计系统文档