SuperAPI AI 工具集

ui-component-patterns

前端与建站

查看项目

更新于 10-15 16:23

技能介绍

用途:在团队出现重复按钮、卡片、对话框、字段包装器或导航模式时,先识别可复用组件的压力点,再选择一个有边界的组件主题包,产出简短的组件架构简报,而不是罗列全部组件模式。

主要能力:先采集组件接诊信息(界面类型、工作流类型、主主题包、归属压力、信号来源、置信度),再选用五个主主题包之一:primitive-boundary(共享与局部边界、原始组件与包装器拆分)、slot-anatomy(插槽与子组件结构)、controlled-ownership(受控与不受控归属)、alternate-root-composition(如 asChild 与替代根组合)、docs-verification(Storybook 示例与状态矩阵验证)。

使用方式与限制:按步骤先框定问题,不先加 prop;只选一个主主题包,其余列为后续项;保持共享与局部、父级与组件归属可见;替代根组合需明确 prop 展开、ref 转发与语义约束。键盘焦点、无障碍、响应式、状态管理、重渲染性能等相邻问题应显式路由到其他技能。资料未提供具体安装命令、收费或平台要求。