用途：该技能面向 UI 组件开发全流程，帮助构建现代、可访问、可组合的组件。适用时机包括：新建 UI 组件（基础元素、组件、区块、模板）；实现无障碍功能（ARIA、键盘导航、焦点管理）；创建可组合的组件 API（插槽、渲染属性、受控/非受控状态）；搭建设计令牌与主题系统；将组件发布到 npm 或注册表；撰写组件文档；实现多态或 as-child 模式；使用 data 属性进行样式与状态管理。
主要内容按参考文档组织：definitions 说明产物分类（基础元素、组件、区块、模板）；principles 讲组件设计核心原则；accessibility 覆盖 ARIA、键盘导航与 WCAG 合规；composition 讲可组合模式；as-child 与 polymorphism 讲元素多态；types 讲 TypeScript 类型模式；state 讲受控与非受控状态管理；data-attributes 讲用 data 属性做样式与状态；design-tokens 讲设计令牌与主题；styling 讲样式方案；registry 讲 shadcn 风格注册表分发；npm 讲发布到 npm；marketplaces 讲组件市场分发；docs 讲组件文档撰写。
使用方式与限制：资料未提供具体命令、代码示例或操作步骤，仅列出各参考文档主题，需结合对应文档使用。未提供收费、价格、平台或效果信息。