npx skills add https://github.com/itechmeat/llm-code --skill base-uiBase UI 提供无样式、可组合的 React 组件。本技能侧重于组装多部分组件、使用 render 属性进行组合,以及在您提供样式的同时满足无障碍访问要求。
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
InputGroup;Combobox、Select 和 Slider 增加了 Label 部分。SwipeArea,用于提供明确的滑动操作提示。closeOnClick;Toast 可以关闭所有通知。aria-labelledby 的支持。render 属性支持仍然有效,包括惰性元素。Root + 子部分(Trigger、Popup、Item 等)的模式。请显式地组装它们。render 属性:替换默认元素或用您自己的组件包装;当使用函数形式时,请手动使用 mergeProps 合并属性。data-[popup-open]、data-[highlighted]、data-[pressed]、data-[checked]、data-[invalid] 等。Portal + Positioner + Popup。Form 包装输入组件以处理提交和错误聚合。name 的 Field.Root,然后使用 Field.Label、Field.Control 和 Field.Error 来处理标签和错误。Fieldset.Root + Fieldset.Legend 对相关字段进行分组。Radio 组,可以使用带有 aria-labelledby 的 RadioGroup,或者通过 Fieldset.Root 渲染 RadioGroup 并为每个选项使用 Field.Label。Field/Fieldset 标签模式)。render + mergeProps 进行组合render 传递一个 React 元素时,Base UI 会自动合并属性。render 传递一个函数时,请使用 mergeProps 合并 Base UI 的属性和您的属性。event.preventBaseUIHandler() 来阻止 Base UI 的内部行为。Root + Trigger + Portal + Positioner + Popup 构建弹出框。Item、Separator、Arrow 以及列表/视口部分。NavigationMenu.Link 支持 render 属性,用于框架路由链接。Toast.Provider 包装应用(或子树)。Toast.useToastManager() 来创建通知。Toast.Portal 内渲染一个 Toast.Viewport,然后将 toasts 映射到 Toast.Root 条目,并包含 Toast.Content、Toast.Title、Toast.Description 和 Toast.Close。DirectionProvider 包装,并同时设置 dir="rtl"(提供者不设置 DOM 方向)。CSPProvider 包装并传递 nonce,或者如果您的应用提供外部样式,则禁用内联样式元素。请注意,内联样式属性不受 CSPProvider 控制。Slider.Thumb。Slider.Thumb;为 SSR 对齐添加 index。thumbAlignment 调整滑块对齐方式。Portal。render 时,不要跳过 mergeProps。在响应用户时,请提供:
每周安装量
90
仓库
GitHub 星标数
11
首次出现
2026年1月28日
安全审计
已安装于
opencode78
codex77
github-copilot76
gemini-cli72
kimi-cli67
amp65
Base UI provides unstyled, composable React components. This skill focuses on assembling multi-part components, composing with the render prop, and meeting accessibility requirements while you supply styling.
InputGroup; Combobox, Select, and Slider add Label parts.SwipeArea for explicit swipe affordances.closeOnClick; Toast can close all toasts.aria-labelledby support.render prop support from v1.2.0 remains relevant, including lazy elements.Root + subparts (Trigger, Popup, Item, etc.). Assemble them explicitly.render prop: replace the default element or wrap with your own component; when using the function form, merge props manually with mergeProps.data-[popup-open], data-[highlighted], data-[pressed], , , etc.Form for submission and error aggregation.Field.Root with a name, then Field.Label, Field.Control, and Field.Error for labels and errors.Fieldset.Root + Fieldset.Legend.Radio groups, either use RadioGroup with aria-labelledby, or render via and use for each option.render + mergePropsrender, Base UI merges props automatically.render, merge Base UI props and your props with mergeProps.event.preventBaseUIHandler() inside merged event handlers to stop Base UI’s internal behavior when needed (synthetic events only).Root + Trigger + Portal + Positioner + Popup.Item, Separator, Arrow, and list/viewport parts as needed.NavigationMenu.Link supports render for framework router links.Toast.Provider.Toast.useToastManager() to create toasts.Toast.Viewport inside Toast.Portal, then map toasts to Toast.Root entries with Toast.Content, Toast.Title, Toast.Description, and Toast.Close.DirectionProvider and also set dir="rtl" (provider does not set the DOM direction).CSPProvider and pass nonce, or disable inline style elements if your app supplies external styles. Beware inline style attributes are not controlled by CSPProvider.Slider.Thumb.Slider.Thumb per value; add index for SSR alignment.thumbAlignment when edge alignment is required.Portal for overlays that need to escape stacking/overflow contexts.mergeProps when using the function form of render.When responding to the user, provide:
Weekly Installs
90
Repository
GitHub Stars
11
First Seen
Jan 28, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode78
codex77
github-copilot76
gemini-cli72
kimi-cli67
amp65
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
120,000 周安装
skybridge:为大型语言模型(LLM)构建交互式AI应用的工具与框架
179 周安装
MongoDB Atlas配置检查器 - 验证连接字符串、环境变量和数据库设置
78 周安装
Hummingbot 交易机器人 AI 技能:自动化加密货币交易与 DeFi 策略管理
183 周安装
网站克隆技能:多智能体工作流实现像素级网站克隆,支持React + Tailwind CSS
180 周安装
Supermemory:AI智能体记忆基础设施 - 长期/短期记忆、RAG语义搜索与知识图谱
179 周安装
Web UI 设计规范与可访问性指南:WCAG 2.1 AA 合规、颜色对比度、视觉层次
182 周安装
data-[checked]data-[invalid]Portal + Positioner + Popup for popovers, menus, tooltips, select, navigation menu content, and preview cards.RadioGroupFieldset.RootField.LabelField/Fieldset labeling pattern).