SuperAPI AI 工具集

frontend-mobile-development-component-scaffold

编程与开发

查看项目

更新于 10-16 02:30

技能介绍

用途:该技能面向 React/React Native 组件脚手架任务,帮助生成结构一致、类型安全、可访问且性能良好的组件代码,覆盖组件实现、类型定义、样式、测试与文档。

主要能力:分析组件需求(名称、类型如 functional/page/layout/form/data-display、props、state、hooks、样式方案、平台);生成 React 组件与 React Native 组件;按选项生成 TypeScript 类型、测试、Storybook 故事与 barrel 导出;支持 css-modules、styled-components、tailwind 三种样式方案;测试基于 @testing-library/react 与 axe 可访问性校验;Storybook 使用 @storybook/react 的 Meta/StoryObj 模式。

使用方式:当任务属于 React/React Native 组件脚手架或需要相关最佳实践与清单时使用;技能通过 $ARGUMENTS 接收需求,先解析为 ComponentSpec,再按 GeneratorOptions(typescript、testing、storybook、accessibility)生成对应文件。

适用场景:需要批量或标准化创建 React/React Native 组件、统一组件结构与测试覆盖、补充可访问性与文档时。

限制:不适用于与 React/React Native 组件脚手架无关的任务,也不覆盖该范围之外的领域或工具;资料未提供具体安装命令、收费方式、平台支持范围与效果数据。