用途：这是 Prototyper UI 组件库的组件创建指南，用于从零构建新组件、包装 Base UI 原语、添加子组件、设置变体，并完成注册与文档。
主要能力：提供四类可复制模板——简单组件（Button、Toggle）、复合视觉组件（Switch、Slider、Meter、Progress）、定位浮层（Popover、Tooltip、Menu、Select、Combobox）、对话框/全屏浮层（Dialog、AlertDialog）。附带组件类型决策树、Base UI 原语选择指引，以及研究、实现、注册、文档四阶段工作流。
使用方式：先查 Base UI 文档确认是否存在对应原语，再参考现有组件，用决策树选定模板；在 apps/docs/registry/ui/{component-name}.tsx 创建文件，遵循文件头导入顺序，为每个渲染元素加 data-slot，动画模式调用 /animate-ui 技能；随后在 registry.ts 注册、创建示例、运行 pnpm registry:build，并创建 MDX 文档、运行 pnpm dev 在 localhost:3333 验证。
关键约定：Base UI 使用深路径别名导入（如 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog"），子部件与类型通过命名空间访问，使用 render= 而非 asChild，传给 Button 时需设 nativeButton={false}。
限制：资料未提供收费、价格、平台支持范围等信息；具体命令与代码需以官方文档为准。