SuperAPI AI 工具集

feature-builder

编程与开发

查看项目

更新于 10-16 05:51

技能介绍

用途:该技能将功能需求转化为完整、可运行的 React 功能实现,适用于需要业务逻辑与数据管理的完整功能,而非单个 UI 组件。触发场景包括用户提出“实现”“构建”“创建功能”等请求,例如用户认证、购物车、带筛选的商品列表、文件上传、实时通知。\n\n主要能力:采用三层架构——表现层(React 组件、Tailwind CSS)、业务逻辑层(Zustand、hooks、校验、转换)、数据访问层(API 调用、React Query 查询与变更)。功能按 features/[feature-name]/ 组织,包含 components、hooks、stores、api、utils、types 与统一出口 index.ts。通过 AskUserQuestion 交互式澄清数据、操作、鉴权等需求,随后按类型、API 层、业务逻辑层、表现层的顺序生成代码,并给出安装与集成说明。\n\n使用方式:安装依赖 npm install @tanstack/react-query zustand zod axios;使用 QueryClientProvider 包裹应用;从功能公共出口导入组件使用。可与 react-component-generator、ui-analyzer、prompt-optimizer 等技能配合。\n\n限制:该技能面向 React 技术栈,依赖其指定的库组合;资料未提供价格、平台支持范围、性能指标或与其他框架的适配说明。