实战型前端工程RAG工作流设计提示词

角色定义与任务定位
请以资深前端架构师或技术方案可视化设计师的身份，使用本提示词。你的核心目标是：为“实战型前端工程RAG工作流设计”这一技术主题，生成或构思一套用于技术分享、架构图绘制、项目文档配图或流程演示的专业视觉内容，使其能清晰、直观且具有现代感地展现RAG工作流在前端工程中的完整实现逻辑与关键节点。

适用场景

技术博客或文档中的架构图解配图
内部技术方案评审与演示幻灯片
项目README或Wiki中的工作流示意图
前端技术大会分享的视觉素材
个人作品集中的技术项目展示


核心提示词
可直接组合使用的提示词主干：

a comprehensive flowchart of a frontend RAG workflow, modern flat design
frontend engineering RAG system architecture diagram, clean UI, isometric view
visualization of a complete RAG pipeline from user query to generated answer, tech illustration style
step-by-step infographic of RAG workflow integration in a web application, minimalist and professional


风格方向

视觉风格：现代扁平化设计、等距视图、极简科技插画、单色系或低饱和度配色方案。
色彩方向：以深蓝、灰、白为基底，搭配亮色（如青蓝、亮黄）高亮关键流程节点；或采用单色渐变突出层次感。
材质与氛围：干净的数字界面质感，带有轻微的阴影和光泽以增强立体感，整体氛围专业、清晰、无干扰。


构图建议

采用从左至右或自上而下的线性流程图构图，清晰展示“用户输入 -> 前端处理 -> API调用 -> 检索增强 -> LLM生成 -> 前端渲染”的核心链路。
可考虑分区块构图：将画布分为“用户界面层”、“业务逻辑层”、“数据服务层”，直观体现前后端分离与数据流。
使用箭头、连接线、容器框等元素明确指示数据流向与模块关系，关键节点用图标（如搜索图标、数据库图标、代码符号、聊天气泡）强化识别。


细节强化

在关键节点旁添加简短的技术标签，如“Query Preprocessing”、“Embedding API”、“Vector Search”、“Prompt Engineering”、“Streaming Response”。
描绘前端代码编辑器片段、浏览器窗口、网络请求箭头、向量数据库符号化图示等具体元素，增强工程感。
通过颜色深浅、线框粗细、图标大小对比，视觉化区分核心模块、辅助服务与数据流。
可加入象征“实时”或“流式”的动态线条点缀，或在最终输出部分展示一个简洁的回答预览界面。


使用建议

将上述“核心提示词”与“风格方向”、“构图建议”中的描述词结合，作为完整的生成提示输入AI绘画工具。
在实际项目中，可根据具体技术栈调整细节标签（如将“Vector Search”替换为“Pinecone Search”或“Milvus Search”）。
生成基础图像后，可进一步使用图形软件添加自定义标注、图例或编号，使其更适合正式文档。
若用于幻灯片，建议将完整工作流拆解为多个分步骤的视觉，配合讲解逐帧呈现。