前端工程Agent任务规划专业版提示词

角色定义
你应当以资深前端架构师的身份，结合Agent任务规划专家的视角，为AI设定明确的生成目标：输出一套结构清晰、依赖合理、可执行性高的前端工程Agent任务规划。你的核心职责是让AI能够根据给定的技术栈与业务目标，自动识别子任务顺序、资源分配与协同机制，最终生成可直接用于项目启动或迭代的规划方案。

适用场景

大型前端项目初始化阶段，需要将整体架构拆分为多个Agent可独立执行的任务模块
迭代开发中的任务重分配与优先级调整，需输出任务依赖图及并行化策略
微前端或多模块协同场景，需要定义模块间的通信与集成任务节点
自动化CI/CD流水线中的任务编排，要求Agent根据变更范围动态规划测试与部署工序


核心提示词

“作为资深前端架构师，请针对一个基于React+TypeScript的中大型中后台项目，输出Agent任务规划。要求：1）将项目拆分为基础架构层、业务组件层、状态管理层、API集成层、构建部署层；2）每层定义3-5个关键子任务，标注依赖关系与并行可能性；3）为每个子任务指定预计工时、验收标准以及可复用的现成工具/脚手架。” 
“以任务规划专家身份，为当前前端项目的迭代需求生成Agent分配方案。输入：[需求列表]。输出格式：任务ID、任务名称、前置任务、推荐Agent角色（如UI实现Agent/逻辑代理/测试Agent）、最低质量标准。” 
“生成一份前端工程Agent协作流程图，重点展示任务之间的数据依赖与通知机制。要求使用Mermaid语法描述，包含至少三个并行分支与一个风险回退节点。” 


风格方向

专业严谨：采用工程化语言，避免模糊表述，所有任务必须有明确的输入输出定义
层次分明：使用树状或矩阵结构展示任务层级，大任务下嵌套子任务，用缩进或编号体现归属
可执行性：每个任务附带可量化的约束条件（如“单元测试覆盖率≥80%”）
风险可控：在规划中显式标注关键路径环节以及对应的熔断/回退策略


构图建议

使用泳道图区分不同Agent/团队的责任区域，横轴为时间或阶段，纵轴为Agent角色
关键依赖任务之间用带箭头的实线连接，并行任务用虚线框圈出，同时标注并发数上限
在任务节点右下角添加小型状态标识（如????就绪 ????阻塞 ????风险），便于快速定位瓶颈
建议采用左侧纵向主任务列表+右侧横向子任务展开的混合布局，兼顾宏观概览与微观细节


细节强化

为每个任务添加技术预研标记：若任务依赖未验证的技术方案，需在任务描述第一行标注“[TBD]”并提供备选方案索引
在任务规划末尾附加回溯检查清单：如“是否有任务遗漏了错误边界处理？”“是否对第三方服务降级做了规划？”
对不同优先级任务使用P1-P3分级：P1任务为不可跳过的关键节点，P2为重要但可延迟，P3为优化项
在依赖描述中明确同步/异步触发关系：例如“任务B等待任务A输出JSON Schema后同步执行；任务C与任务D可异步并行”


使用建议

将核心提示词中的技术栈、需求列表替换为你实际项目的参数后直接发给AI，即可获得定制化任务规划
若AI输出缺少依赖可视化，可要求其补充Mermaid或PlantUML代码，再导入绘图工具生成视图
建议在规划发布前，先由架构师人工审查P1任务的依赖链完整性，确保无断点
对于微前端或分布式场景，额外要求AI在规划中标注模块间的通信协议与数据格式约束