SuperAPI AI 工具集

building-components

设计与创作

查看项目

更新于 10-16 07:21

技能介绍

用途:这是一份面向 UI 组件开发的指导性技能,供在需要构建新组件、实现无障碍支持、设计可组合组件 API、搭建设计令牌与主题系统、发布组件到 npm 或注册表、编写组件文档时使用。

主要能力:资料列出多个参考文件,分别覆盖不同主题。定义类涵盖组件产物分类(primitives、components、blocks、templates),以及组件设计核心原则。无障碍类覆盖 ARIA、键盘导航与 WCAG 合规。组合类涵盖可组合组件模式、as-child 元素多态模式、多态组件模式。类型与状态类涵盖组件的 TypeScript 类型模式、受控与非受控状态管理。样式类涵盖 data-attributes 用于样式与状态、设计令牌系统与主题、组件样式方案。分发与文档类涵盖 shadcn 风格注册表分发、发布到 npm、组件市场分发、编写组件文档。

使用方式:资料未提供具体安装命令、调用方式或代码示例,暂未提供。可确定的是各主题以独立参考文件形式组织(如 accessibility.mdx、composition.mdx 等),需按任务查阅对应文件。

适用场景:新建 UI 组件、实现无障碍特性、构造可组合 API、建立主题与令牌体系、发布与文档化组件、处理多态与 as-child 模式等。

限制:资料仅给出主题清单与适用时机,未说明具体实现步骤、依赖、支持框架、收费标准或效果保证,这些内容暂未提供。