SuperAPI AI 工具集

shadcn-base

前端与建站

查看项目

更新于 10-20 17:16

技能介绍

shadcn-base 是一份技能文档,主题是 Base UI 版本的 shadcn/ui。它的用途是帮助使用者在需要 shadcn/ui 的 Base UI 组件、文档、CLI、主题、表单、注册表或 MCP 指引时,快速定位到官方文档和组件页面。

主要能力与内容组织:文档首先说明 shadcn/ui 并非无头组件库,它提供的是带样式的、可复制自有的组件,构建在 Base UI 的无头原语之上;组合方式遵循复合组件、组合优于继承以及变体驱动样式。文档给出主要文档入口,包括 shadcn/ui 文档入口和 Base UI 项目文档,并指向 Base UI 技能。文档强调 Base UI 与 Radix 文档的差异及转换规则定义在 references/overview.md 中,应依据该指引而非 Radix 组件索引。

参考文件地图覆盖多个方面:references/overview.md 说明 shadcn/ui 是什么及官方文档入口;references/components.md 提供来自 llms.txt 的完整组件列表;references/installation.md 给出创建/初始化及各框架安装链接;references/cli.md 说明 CLI 命令与选项;references/components-json.md 说明 components.json 的 schema 与关键字段;references/theming.md 与 references/dark-mode.md 分别涉及主题、设计令牌和暗色模式指引及框架相关页面;references/forms.md 与 references/forms-integrations.md 涉及字段使用模式、验证结构以及 React Hook Form 和 TanStack Form 页面;references/registry.md 与 references/registry-schema.md 涉及注册表文档及 registry.json 和 registry-item.json 的 schema 细节;references/blocks.md 涉及区块库工作流;references/composition-pattern.md 说明 Base UI 组合规则(仅 render/useRender);references/examples.md 给出 render 和 useRender 示例;references/mcp.md 提供 MCP 服务器指引;references/changelog.md 为发布说明;references/links.md 为快速链接索引。

使用方式:建议先阅读 references/overview.md 了解范围与文档入口,再按需查阅组件、安装、CLI、主题、表单、注册表、区块、组合模式、示例和 MCP 等参考文件;在发布前检查 references/changelog.md。组合模式简述为:Base UI 与 shadcn/ui 在无头原语上使用可复制自有的带样式组件,通过复合子组件和 render-prop 替换(render / useRender)进行组合。

适用场景:需要查阅 Base UI 版 shadcn/ui 的组件列表、进行项目初始化与 CLI 配置、设置主题与暗色模式、构建表单及集成表单库、使用注册表与区块、理解组合模式和 render/useRender 用法、或获取 MCP 指引时。

限制:资料未提供该技能的具体安装命令、收费信息、价格、平台支持范围或效果保证,这些事实暂未提供;文档本身为参考指引,不替代官方文档的完整内容。