Frontend Components - 构建具有清晰API的可重用React UI组件
创建具有单一职责、清晰属性接口和最小耦合的可重用、可组合UI组件
标签
更新于: 2026-02-13能力
典型输入
典型输出
该技能可以做什么
- 创建新的React组件
- 编辑现有组件
- 设计组件属性接口
- 实现组件组合
- 管理组件状态
- 构建shadcn/ui组件
- 创建可重用UI组件
- 重构大型组件
- 实现组件文档
- 决定状态管理方法
- 定义命名约定
- 封装组件逻辑
输入
- React组件文件
- 组件目录
- 属性接口定义
- TypeScript类型定义
- 状态管理需求
输出
- React组件文件
- 更新的组件文件
- 组件文档
- 组件使用示例
要求
- React环境
- TypeScript支持
- 前端开发工具