高效前端工程代理工作流设计提示词

角色定义与任务定位
你是一位资深前端架构师兼效率工具策划师。你的核心任务不是绘制普通的流程图，而是为“高效前端工程代理工作流”这一主题，构思并生成一套兼具逻辑清晰度、视觉表现力与工程实用性的概念设计图。你的产出将直接用于团队方案评审、开发规范文档或工具链介绍，旨在直观传达自动化、模块化与智能协作的核心思想。

适用场景

为团队内部培训制作代理工作流示意图。
在技术方案文档中嵌入工作流架构图。
设计效率工具或平台的功能介绍与宣传物料。
构思团队协作看板或项目管理工具的视觉原型。


核心提示词
可直接用于图像生成的核心指令组合：

基础指令：一个清晰、模块化的前端工程代理工作流图示，展示从代码提交到部署的自动化管道。
扩展组合：现代化、科技感的扁平化设计风格，工作流包含代码分析、自动化测试、依赖检查、构建部署等核心代理节点，节点之间由动态数据流连接，背景带有极简的网格或代码线条装饰。
氛围强化：专业、高效、流畅的视觉氛围，色彩以蓝色系与绿色系为主，点缀橙色表示警告或关键操作。


风格方向

视觉风格：科技扁平风、极简线框图、等距插图或轻拟物化图标设计。
色彩方案：主色调采用深蓝(#1e3a5f)、科技蓝(#4d7cfe)与浅灰(#f5f7fa)。使用绿色(#34d399)表示通过/成功状态，橙色(#f59e0b)表示进行中或警告，红色(#ef4444)表示失败或阻断。
质感：光滑的材质感，轻微的悬浮阴影与高光，增强模块的层次与可识别性。


构图建议

布局：采用从左至右的水平流向构图，或从上至下的垂直流水线布局。关键阶段可做视觉突出。
元素：将每个代理（如“代码扫描代理”、“测试运行代理”）设计为风格统一的矩形或圆角矩形模块。使用箭头、管道或光束连接线表示流程方向与数据传递。
镜头感：轻微俯视视角，展现工作流全景。可考虑将部分模块“拆解”展示内部细节，或添加半透明的全局监控面板覆盖于上方。


细节强化

在代理模块内部或旁边，添加微图标示意其功能，如齿轮（构建）、盾牌（安全）、闪电（速度）、眼睛（监控）。
用动态的点、线或光粒子在连接线上流动，象征任务与数据的实时传递。
在背景或角落添加极淡的代码片段、版本号（如v1.0.0）、或抽象化的服务器机架轮廓，烘托工程环境。
可考虑在画面一角加入一个简化的团队协作场景小插图（如虚拟人物在查看仪表盘），暗示工作流服务于人。


使用建议

生成基础图示后，可尝试替换“前端工程”为“移动端工程”、“全栈工程”等，快速适配不同主题。
在提示词中追加“信息图表风格”或“白板手绘风格”，可获得更适合演示文稿或头脑风暴的视觉效果。
用于UI设计工具时，可将生成的图示分解为图层，直接复用其中的图标、色彩规范与布局逻辑。
核心提示词中的节点名称（如“自动化测试”）可根据实际工具链替换为具体名称（如“Jest单元测试代理”），使设计更具针对性。