·frontend-radix-ui-design-system
*

frontend-radix-ui-design-system

使用 Radix UI 原语构建可访问的设计系统。用于生产级 UI 库的无头组件定制、主题策略和复合组件模式。

10安装·0热度·@baotoq

安装

$npx skills add https://github.com/baotoq/agent-skills --skill frontend-radix-ui-design-system

如何安装 frontend-radix-ui-design-system

通过命令行快速安装 frontend-radix-ui-design-system AI 技能到你的开发环境

  1. 打开终端: 打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 运行安装命令: 复制并运行以下命令:npx skills add https://github.com/baotoq/agent-skills --skill frontend-radix-ui-design-system
  3. 验证安装: 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源:baotoq/agent-skills。

SKILL.md

查看原文

Build production-ready, accessible design systems using Radix UI primitives with full customization control and zero style opinions.

Radix UI provides unstyled, accessible components (primitives) that you can customize to match any design system. This skill guides you through building scalable component libraries with Radix UI, focusing on accessibility-first design, theming architecture, and composable patterns.

Every Radix primitive is built with accessibility as the foundation:

使用 Radix UI 原语构建可访问的设计系统。用于生产级 UI 库的无头组件定制、主题策略和复合组件模式。 来源:baotoq/agent-skills。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/baotoq/agent-skills --skill frontend-radix-ui-design-system
分类
*创意媒体
认证
收录时间
2026-02-25
更新时间
2026-03-10

Browse more skills from baotoq/agent-skills

快速解答

什么是 frontend-radix-ui-design-system?

使用 Radix UI 原语构建可访问的设计系统。用于生产级 UI 库的无头组件定制、主题策略和复合组件模式。 来源:baotoq/agent-skills。

如何安装 frontend-radix-ui-design-system?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/baotoq/agent-skills --skill frontend-radix-ui-design-system 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪?

https://github.com/baotoq/agent-skills