base-ui-react
✓经过生产测试的 Base UI 设置 (@base-ui-components/react) - MUI 的无样式组件库 它使用渲染道具模式提供可访问的、可定制的 React 组件。这个技能 在构建具有完整样式控制的可访问 UI 时应使用，从 Radix UI 迁移， 或者需要具有浮动 UI 集成的组件以进行智能定位。 使用时机：在Vite + React项目中设置Base UI，从Radix UI迁移到Base UI， 实现可访问的组件（Dialog、Select、Popover、Tooltip、NumberField、Accordion）， 遇到弹出窗口的定位问题，需要 render prop API 而不是 asChild 模式， 使用 Tailwind v4 + shadcn/ui 进行构建，或部署到 Cloudflare Workers。 ⚠️ 测试版状态：基本 UI 是 v1.0.0-beta.4。稳定版 v1.0 预计于 2025 年第 4 季度发布。此技能提供 已知测试版问题的解决方法以及 API 稳定性指南。 关键词：base-ui、@base-ui-components/react、mui base ui、无样式组件、可访问组件、 渲染道具、基数替代、基数迁移、浮动 ui、定位器模式、无头 ui、 可访问的对话框，可访问的选择，可访问的弹出窗口，可访问的工具提示，可访问的手风琴， 数字字段、React 组件、Tailwind 组件、vite React、cloudflare 工作人员 ui、 beta组件、组件库
SKILL.md
Status: Beta (v1.0.0-beta.4) - Stable v1.0 expected Q4 2025 Last Updated: 2025-11-07 Dependencies: React 19+, Vite (recommended), Tailwind v4 (recommended) Latest Versions: @base-ui-components/react@1.0.0-beta.4
Base UI is currently in beta. Before using in production:
Recommendation: Use for new projects comfortable with beta software. Wait for v1.0 for critical production apps.
经过生产测试的 Base UI 设置 (@base-ui-components/react) - MUI 的无样式组件库 它使用渲染道具模式提供可访问的、可定制的 React 组件。这个技能 在构建具有完整样式控制的可访问 UI 时应使用，从 Radix UI 迁移， 或者需要具有浮动 UI 集成的组件以进行智能定位。 使用时机：在Vite + React项目中设置Base UI，从Radix UI迁移到Base UI， 实现可访问的组件（Dialog、Select、Popover、Tooltip、NumberField、Accordion）， 遇到弹出窗口的定位问题，需要 render prop API 而不是 asChild 模式， 使用 Tailwind v4 + shadcn/ui 进行构建，或部署到 Cloudflare Workers。 ⚠️ 测试版状态：基本 UI 是 v1.0.0-beta.4。稳定版 v1.0 预计于 2025 年第 4 季度发布。此技能提供 已知测试版问题的解决方法以及 API 稳定性指南。 关键词：base-ui、@base-ui-components/react、mui base ui、无样式组件、可访问组件、 渲染道具、基数替代、基数迁移、浮动 ui、定位器模式、无头 ui、 可访问的对话框，可访问的选择，可访问的弹出窗口，可访问的工具提示，可访问的手风琴， 数字字段、React 组件、Tailwind 组件、vite React、cloudflare 工作人员 ui、 beta组件、组件库 来源：jackspace/claudeskillz。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/jackspace/claudeskillz --skill base-ui-react- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 base-ui-react？
经过生产测试的 Base UI 设置 (@base-ui-components/react) - MUI 的无样式组件库 它使用渲染道具模式提供可访问的、可定制的 React 组件。这个技能 在构建具有完整样式控制的可访问 UI 时应使用，从 Radix UI 迁移， 或者需要具有浮动 UI 集成的组件以进行智能定位。 使用时机：在Vite + React项目中设置Base UI，从Radix UI迁移到Base UI， 实现可访问的组件（Dialog、Select、Popover、Tooltip、NumberField、Accordion）， 遇到弹出窗口的定位问题，需要 render prop API 而不是 asChild 模式， 使用 Tailwind v4 + shadcn/ui 进行构建，或部署到 Cloudflare Workers。 ⚠️ 测试版状态：基本 UI 是 v1.0.0-beta.4。稳定版 v1.0 预计于 2025 年第 4 季度发布。此技能提供 已知测试版问题的解决方法以及 API 稳定性指南。 关键词：base-ui、@base-ui-components/react、mui base ui、无样式组件、可访问组件、 渲染道具、基数替代、基数迁移、浮动 ui、定位器模式、无头 ui、 可访问的对话框，可访问的选择，可访问的弹出窗口，可访问的工具提示，可访问的手风琴， 数字字段、React 组件、Tailwind 组件、vite React、cloudflare 工作人员 ui、 beta组件、组件库 来源：jackspace/claudeskillz。
如何安装 base-ui-react？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/jackspace/claudeskillz --skill base-ui-react 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/jackspace/claudeskillz
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01