用途：该技能是一份构建现代、可访问、可组合 UI 组件的指南，适合在开发新组件、实现无障碍、设计可组合 API、搭建设计令牌与主题系统、发布组件到 npm 或注册表、编写组件文档、实现多态或 as-child 模式、以及使用 data 属性控制样式与状态时使用。
主要能力：技能按主题提供参考文档，包括：definitions.mdx（制品分类：primitives、components、blocks、templates）、principles.mdx（组件设计核心原则）、accessibility.mdx（ARIA、键盘导航、WCAG 合规）、composition.mdx（可组合组件模式）、as-child.mdx（元素多态的 as-child 模式）、polymorphism.mdx（多态组件模式）、types.mdx（组件 TypeScript 类型模式）、state.mdx（受控与非受控状态管理）、data-attributes.mdx（用 data 属性做样式与状态）、design-tokens.mdx（设计令牌系统与主题）、styling.mdx（组件样式方案）、registry.mdx（shadcn 风格注册表分发）、npm.mdx（发布到 npm）、marketplaces.mdx（组件市场分发）、docs.mdx（编写组件文档）。
使用方式：资料未提供具体安装命令或调用步骤，仅说明在满足上述场景时使用该技能，并查阅对应参考文档。
适用场景：前端组件库开发、无障碍改造、组件 API 设计、主题系统搭建、组件分发与文档编写。
限制：资料未提供收费、价格、平台支持、效果保证等信息；具体实现细节需以各参考文档为准。