用途：该技能指导使用 Radix UI 原语构建生产级、可访问的设计系统，强调无样式、可完全定制、零样式主张。适用于从零创建自定义设计系统、构建可访问 UI 组件库、实现 Dialog/Dropdown/Tabs 等复杂交互组件、从带样式组件库迁移到无样式原语、用 CSS 变量或 Tailwind 搭建主题系统，以及需要 WCAG 2.1 AA/AAA 合规的应用。
主要能力：Radix 原语内置 WAI-ARIA 合规、键盘导航、屏幕阅读器支持、焦点管理与禁用状态处理；采用无头架构，行为由 Radix 提供、外观由使用者定义；支持复合组件组合。文档给出 Dialog、Dropdown Menu、Tabs、Tooltip、Popover 等原语的结构参考，以及受控/非受控、asChild 多态、Framer Motion 动画等模式。
使用方式：按需安装单个原语，如 npm install @radix-ui/react-dialog @radix-ui/react-dropdown-menu；样式可选安装 clsx tailwind-merge class-variance-authority。主题策略包括 CSS 变量、Tailwind + CVA、Stitches。组件遵循 Root/Trigger/Portal/Content 等组合模式，用 asChild 避免多余包裹元素。
限制：需要 React 16.8+（依赖 hooks）；不提供开箱即用的预样式组件（如需预样式可考虑 shadcn/ui、Mantine）；不适合无交互的简单静态页面；不适用于 React 以外的框架。文档强调不要覆盖或禁用可访问性行为，不要混用受控与非受控状态。具体收费、价格与平台信息暂未提供。