前端工程提示词模板设计完整流程提示词

角色定义与任务定位
请以“技术可视化架构师”的身份，运用你的专业认知与视觉转化能力，将“前端工程提示词模板设计”这一系统性工作流程，转化为一张或多张具有高度专业性、逻辑清晰度和现代设计感的视觉作品。你的核心目标是：通过图像直观诠释从需求分析到模板落地的完整思维链条，使其既能作为内部流程说明，也能作为对外展示技术方案与设计理念的视觉载体。

适用场景

技术博客或文档的流程示意图配图
前端工具或平台的功能介绍与流程引导图
团队内部关于提示词工程化应用的技术分享视觉材料
呈现模块化、可复用设计思想的概念海报


核心提示词
一张关于“前端工程提示词模板设计完整流程”的详细示意图，采用等距视角或现代扁平化信息图表风格。流程包含：1.需求分析与拆解 2.结构分层（系统层/组件层/元素层）3.变量与占位符定义 4.约束条件与规则设置 5.示例填充与测试 6.文档化与集成。使用清晰的连线、图标和标签进行标注，背景为干净的浅色渐变，整体色调为科技蓝与中性灰。

风格方向

科技感线稿图: 精细的线条，描绘出模板组件之间的数据流与依赖关系，类似架构图纸。
现代信息图表: 扁平化设计，使用鲜明的色块和简洁的图标来区分流程的不同阶段。
等距视角插画: 将抽象的“模板”、“变量”、“引擎”等概念转化为具象的、悬浮在空间中的模块化立方体或设备，增强立体感和秩序感。


构图建议

采用从左至右或循环式的构图来表现“流程”感。
将核心“模板”置于视觉中心，周围辐射出“输入”、“处理”、“输出”等分支模块。
考虑使用分层设计，底层为代码编辑器或终端背景，中层为浮动的流程图表，顶层为高亮的提示词文本片段，以体现“前端工程”的上下文。


细节强化

元素隐喻: 用“齿轮”代表处理引擎，“拼图”代表可复用组件，“漏斗”代表输入过滤，“文档卡片”代表输出结果。
色彩编码: 使用不同颜色区分流程阶段：需求分析（橙色）、结构设计（蓝色）、变量定义（绿色）、测试验证（黄色）、集成部署（紫色）。
文字点缀: 在关键节点旁添加极简的标签或短代码，如 `{{input}}`、 `if (condition)`、 `|> pipe`，增强技术氛围。
质感: 为模块添加轻微的弥散阴影、内发光或半透明效果，营造界面化的精致感。


使用建议

直接复制“核心提示词”至图像生成工具，可快速得到一个基础流程框架。
根据具体需要，从“风格方向”中选择一种，替换或添加到核心提示词中，例如：“……采用科技感线稿图风格”。
细化时，从“细节强化”中挑选2-3个关键词融入提示词，如“添加齿轮与拼图元素隐喻，对变量定义模块使用绿色高亮”。
若生成流程图，可尝试提示词：“专业流程图，UML风格，描述前端提示词模板的设计生命周期”。