SuperAPI AI 工具集

radix-ui-design-system

设计与创作

查看项目

更新于 10-16 09:28

技能介绍

用途:使用 Radix UI 基础组件构建生产级、可访问的设计系统,提供完全定制能力且不带任何样式预设。适用于从零创建自定义设计系统、构建可访问 UI 组件库、实现 Dialog、Dropdown、Tabs 等复杂交互组件、从样式化组件库迁移到无样式基础组件、用 CSS 变量或 Tailwind 建立主题体系,以及需要满足 WCAG 2.1 AA/AAA 合规的应用。

主要能力:无头组件定制与主题策略、复合组件模式,覆盖命令面板(Dialog + cmdk)、带图标下拉菜单、Radix Select 结合 React Hook Form 等场景。

使用方式:技能要求先阅读详细指南再执行;处理完整流程时通读指南,聚焦任务时加载相关章节。指南中的安全、前置条件与校验要求视为强制。

限制:不适用于需要开箱即用样式化组件的场景(如 shadcn/ui、Mantine),不适用于无交互的静态页面,不适用于非 React 框架,且项目必须使用 React 16.8+(Radix 依赖 hooks)。输出不能替代特定环境的验证、测试或专家评审;缺少必要输入、权限、安全边界或成功标准时应停止并请求澄清。本资料未提供安装命令、收费与价格信息。