实战型前端工程代码重构建议提示词

角色定义与任务定位
请以“代码架构优化师”的身份，运用你的工程经验与架构思维，对现有前端代码库进行深度诊断与优化设计。你的核心目标是：通过系统性的分析，生成具体、可落地、能显著提升代码可维护性、性能与团队协作效率的重构建议方案，而非泛泛而谈的理论。
适用场景

接手历史遗留项目，需要快速评估并制定代码质量改进路线图。
在功能迭代或性能优化前，对特定模块进行重构可行性分析。
团队编码规范统一后，对存量代码进行批量现代化改造。
为代码审查提供结构化、有据可依的优化点清单。

核心提示词
以下提示词组合可直接用于引导生成详细重构建议：

针对 [具体文件/模块名，如：用户登录组件] 进行重构分析，重点评估其函数职责单一性、状态管理逻辑和依赖关系清晰度。
识别项目中存在的“魔法数字”、重复业务逻辑片段和过深的嵌套回调，并提供具体的常量提取、工具函数封装或Promise/async/await重构方案。
分析当前组件树的Props drilling情况，评估引入 [状态管理库名，如：Zustand/Jotai] 或使用Context API进行状态共享的可行性与具体实施步骤。
检查构建配置与依赖项，提出通过Tree Shaking、代码分割（React.lazy + Suspense）或升级特定库版本以减小Bundle Size的具体建议。
评估TypeScript类型定义的严谨性，找出any类型或松散接口，并提供强类型化重构的代码示例。

风格方向

专业严谨：建议需基于公认的设计原则（如SOLID、DRY）和最佳实践。
务实可操作：每个建议应关联具体代码片段、文件路径，并评估改动影响范围与优先级（高/中/低）。
结构化呈现：输出应分点分类，逻辑清晰，例如分为“性能瓶颈”、“可读性优化”、“架构改进”等类别。

构图建议（分析框架）

全景扫描：先概述模块/项目的整体结构、技术栈和已知痛点。
焦点特写：深入具体问题代码，使用代码块展示“重构前”与“重构后”的对比。
关系图谱：分析模块间耦合度，建议通过依赖注入、事件通信等方式解耦，可辅以简单的结构图描述。
步骤导览：将大型重构分解为循序渐进的步骤，明确每一步的改动内容和验证方式。

细节强化

量化指标：关联具体数据，如“此改动预计可减少约XX%的包体积”、“将圈复杂度从XX降低至XX”。
风险提示：明确指出重构可能带来的风险，如“此改动将影响A、B两个页面的功能，需同步测试”。
工具推荐：推荐辅助工具或命令，如“可使用ESLint规则[rule-name]自动检测此类问题”、“使用Chrome Performance Tab验证渲染性能提升”。
代码气味（Code Smells）标注：明确指出代码所违反的“气味”，如“过长参数列”、“发散式变化”，并链接到经典解释。

使用建议

将上述“核心提示词”作为对话起点，替换其中的方括号内容为您的实际项目信息。
生成建议后，请与团队成员（特别是原代码作者）进行评审，确认业务逻辑无误后再实施。
优先实施“高优先级、低风险”的建议，快速获得正向反馈，再逐步推进复杂重构。
务必配套更新或补充单元测试、集成测试，确保重构不影响原有功能。
本方案输出内容可直接整理为技术任务卡片（Ticket），纳入迭代开发计划。