用途:为资深前端开发提供现代工具与最佳实践的一体化技能,面向使用 ReactJS、NextJS、TypeScript、Tailwind CSS 构建现代、高性能 Web 应用。
主要能力:通过三个自动化脚本提供核心能力。1)组件生成器:python scripts/component_generator.py [options],支持自动脚手架、内置最佳实践、可配置模板与质量检查。2)打包分析器:python scripts/bundle_analyzer.py [options],提供深度分析、性能指标、优化建议与自动修复。3)前端脚手架:python scripts/frontend_scaffolder.py [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,以及 python scripts/frontend_scaffolder.py --analyze;部署相关示例有 docker build -t app:latest .、docker-compose up -d、kubectl apply -f k8s/。
适用场景与限制:适用于前端项目搭建、组件生成与打包性能优化等开发工作流。资料未说明具体收费、价格、平台限制或实测效果,相关细节暂未提供;使用前请自行核对脚本参数与文档。