Vercel 组件构建指南：UI组件开发、无障碍设计、可组合API与npm发布
building-components by vercel/components.build
安装命令
npx skills add https://github.com/vercel/components.build --skill building-components🇨🇳中文介绍
构建组件
何时使用此技能
当用户进行以下操作时使用：
- 构建新的 UI 组件（基础组件、组件、区块、模板）
- 实现无障碍功能（ARIA、键盘导航、焦点管理）
- 创建可组合的组件 API（插槽、渲染属性、受控/非受控状态）
- 设置设计令牌和主题系统
- 将组件发布到 npm 或注册表
- 编写组件文档
- 实现多态性或 as-child 模式
- 使用数据属性进行样式/状态管理
参考资料
- definitions.mdx - 工件分类（基础组件、组件、区块、模板）
- principles.mdx - 组件设计的核心原则
- accessibility.mdx - ARIA、键盘导航、WCAG 合规性
- composition.mdx - 可组合的组件模式
- as-child.mdx - 用于元素多态性的 as-child 模式
- polymorphism.mdx - 多态组件模式
- types.mdx - 组件的 TypeScript 类型模式
- state.mdx - 受控与非受控状态管理
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
