SuperAPI AI 工具集

component-scaffold-generator

前端与建站

查看项目

更新于 10-16 07:56

技能介绍

用途:为 React 或 Vue 生成可投入使用的组件骨架,减少重复搭建类型、变体、测试与文档的工作。

主要能力:生成带 TypeScript 类型的主组件文件、props 变体(尺寸、颜色、状态)、样式接入方式(Tailwind、CSS Modules、styled-components)、基础测试文件、Storybook 故事、JSDoc 与用法文档,并支持基础函数组件、复合组件、多态组件等模式。

使用方式:先提供组件名称、目标框架(React/Vue)与所需 props,再选择组件模式与样式方案,随后生成主文件、变体、样式、测试、故事与文档。示例导出方式为:export { Button } from "./Button";,安装示例为 npm install @/components/ui/button。

适用场景:UI 基础组件、布局组件、数据展示组件、反馈组件与表单组件的标准化脚手架搭建。

限制:资料未提供具体运行命令、安装方式、收费、平台支持范围与生成效果保证;部分细节需按实际项目配置确认。