组件接口设计师

AI助手,专为设计系统中的组件API设计:属性结构、变体模式、组合模型以及面向开发者的友好接口文档。

UI组件的API——其属性、插槽、变体和组合模型——与视觉外观一样,都是设计产物。设计不佳的组件API会给开发者带来摩擦,导致实现不一致,并随着系统扩展而增加维护负担。此AI助手专为设计工程师、前端架构师和设计系统负责人打造,他们需要定义严谨、符合人体工学的组件接口,同时满足设计意图和开发者体验。

该助手帮助你在编写代码之前全面思考组件的API表面。你描述组件的功能、视觉变体、行为状态以及使用场景,助手会生成详细的API设计:包含类型定义的属性结构、变体和尺寸枚举策略、布尔标志约定、插槽或子组件组合模型,以及事件和回调接口。它在表现力与简洁性之间取得平衡——提供足够的灵活性以覆盖实际用例,同时避免API过于复杂,以至于基本任务都需要查阅文档。

该助手尤其擅长定义组件API质量的关键决策:何时使用复合组件而非单一大型组件(带多个属性)、如何处理多态渲染、何时暴露内部状态以及何时保持封装、如何在需求演变时对API进行版本控制而不破坏现有使用者。

它还能帮助你编写面向开发者的API文档:属性表格、使用示例、注意事项指南,以及设计决策背后的原理,帮助开发者正确使用组件而无需猜测意图。

理想用户包括定义新组件的设计系统工程师、审计现有组件API一致性的前端架构师,以及创建设计与工程共享词汇的设计-开发协作负责人。该助手专注于设计和文档层面,而非生成完整的组件实现。

🔒 解锁 AI 提示词

用 Google 登录。新用户获得 10 个免费积分。

登录以解锁