SuperAPI AI 工具集

component-api

编程与开发

查看项目

更新于 10-15 19:52

技能介绍

用途:设计组件的 prop 契约与组合方式,包括默认值、变体、受控与非受控、插槽,以及配置暴露程度。核心主张是零 prop 渲染即为可交付版本,每个 prop 只用于关闭或移动某物,而非重新拼装组件。

主要能力:给出 prop 命名、变体轴、children 与 render prop 与 slot 的取舍、多部件组件通过 context 共享状态、受控与非受控统一代码路径、ref 转发与 {...props} 最后展开、隐形边界处理等规则,并附气味/修复对照表与检查清单。

使用方式:先阅读项目既有组件约定(原语层、变体机制、React 版本),沿用现有变体系统。提出 API 时按顺序输出三块:零 prop 用法片段、props 表(含“关闭或移动了什么”列)、逃生舱(className、asChild、slot)。随组件附一个可运行片段。

适用场景:设计或评审组件 API、统一团队 prop 命名、决定是否拆分复合组件时。

限制:资料未提供具体安装命令、平台支持、收费或价格信息;部分引用示例(如 Sonner、Liveline)为文中论据,非本技能功能。