SuperAPI AI 工具集

senior-frontend

前端与建站

查看项目

更新于 10-16 06:51

技能介绍

用途:面向高级前端开发场景,帮助构建现代、高性能的 Web 应用,技术栈涵盖 ReactJS、NextJS、TypeScript、Tailwind CSS,并提供参考文档与自动化脚本。

主要能力:该技能通过自动化脚本提供三项核心能力。一、组件生成器:自动脚手架、内置最佳实践、可配置模板、质量检查,用法为 python scripts/component_generator.py <project-path> [options]。二、打包分析器:深度分析、性能指标、优化建议与自动修复,用法为 python scripts/bundle_analyzer.py <target-path> [--verbose]。三、前端脚手架工具:专家级自动化、自定义配置、可集成、生产级输出,用法为 python scripts/frontend_scaffolder.py [arguments] [options]。

参考文档:references/react_patterns.md(React 模式与实践、代码示例、反模式、真实场景);references/nextjs_optimization_guide.md(分步流程、优化策略、工具集成、性能调优、故障排查);references/frontend_best_practices.md(技术栈细节、配置示例、集成模式、安全考量、可扩展性指南)。

必要用法:安装依赖可用 npm install 或 pip install -r requirements.txt;配置环境用 cp .env.example .env;质量检查运行 python scripts/bundle_analyzer.py .;开发命令包括 npm run dev、npm run build、npm run test、npm run lint。

适用场景:React / Next.js / React Native / Flutter 前端开发,组件与项目脚手架搭建,打包体积与性能分析优化,以及遵循最佳实践的规范化开发流程。

限制:资料未说明该技能的具体收费、价格与授权方式;未提供脚本支持的完整参数列表与各选项含义;未说明脚本运行的环境依赖版本要求。以上信息暂未提供。