senior-frontend

# 高级前端 (Senior Frontend) 为高级前端工程师提供的完整工具集，包含现代工具和最佳实践。 ## 快速开始 ### 主要能力 本技能通过自动化脚本提供三种核心能力： bash # 脚本 1：组件生成器 python scripts/component_generator.py [options] # 脚本 2：包分析器 python scripts/bundle_analyzer.py [options] # 脚本 3：前端脚手架 python scripts/frontend_scaffolder.py [options] ## 核心能力 ### 1. 组件生成器 用于组件生成任务的自动化工具。 **特性：** - 自动化脚手架 - 内置最佳实践 - 可配置模板 - 质量检查 **用法：** bash python scripts/component_generator.py [options] ### 2. 包分析器 综合分析与优化工具。 **特性：** - 深度分析 - 性能指标 - 改进建议 - 自动化修复 **用法：** bash python scripts/bundle_analyzer.py [--verbose] ### 3. 前端脚手架 用于专业任务的高级工具。 **特性：** - 专家级自动化 - 自定义配置 - 开箱即用集成 - 生产级输出 **用法：** bash python scripts/frontend_scaffolder.py [arguments] [options] ## 参考文档 ### React 模式 详细指南请见 `references/react_patterns.md`： - 详细模式与实践 - 代码示例 - 最佳实践 - 应避免的反模式 - 真实场景 ### Nextjs 优化指南 完整工作流文档请见 `references/nextjs_optimization_guide.md`： - 分步流程 - 优化策略 - 工具集成 - 性能调优 - 故障排除指南 ### 前端最佳实践 技术参考指南请见 `references/frontend_best_practices.md`： - 技术栈详情 - 配置示例 - 集成模式 - 安全考量 - 可扩展性指南 ## 技术栈 **语言：** TypeScript, JavaScript, Python, Go, Swift, Kotlin **前端：** React, Next.js, React Native, Flutter **后端：** Node.js, Express, GraphQL, REST APIs **数据库：** PostgreSQL, Prisma, NeonDB, Supabase **DevOps：** Docker, Kubernetes, Terraform, GitHub Actions, CircleCI **云服务：** AWS, GCP, Azure ## 开发工作流 ### 1. 设置与配置 bash # 安装依赖 npm install # 或 pip install -r requirements.txt # 配置环境 cp .env.example .env ### 2. 运行质量检查 bash # 使用 an