building-components

building-components

热门

构建现代、可访问且可组合的UI组件的指南。适用于构建新组件、实现无障碍功能、创建可组合API、设置设计令牌、发布到npm/注册表或编写组件文档时使用。

776Star
50Fork
更新于 2026/7/3
SKILL.md
readonly只读
name
building-components
description

构建现代、可访问且可组合的UI组件的指南。适用于构建新组件、实现无障碍功能、创建可组合API、设置设计令牌、发布到npm/注册表或编写组件文档时使用。

构建组件

何时使用此技能

当用户处于以下情况时使用:

  • 构建新的UI组件(原语、组件、块、模板)
  • 实现无障碍功能(ARIA、键盘导航、焦点管理)
  • 创建可组合的组件API(插槽、渲染属性、受控/非受控状态)
  • 设置设计令牌和主题系统
  • 将组件发布到npm或注册表
  • 编写组件文档
  • 实现多态性或as-child模式
  • 使用数据属性进行样式/状态管理

参考资料