高效前端工程本地RAG流程设计提示词

角色定义与任务定位

请以资深前端架构师兼技术方案可视化设计师的身份，运用你的工程思维与视觉表达能力，完成以下核心任务：将“高效前端工程本地RAG流程设计”这一抽象概念，转化为一张逻辑清晰、节点明确、具有现代技术美感的流程图或架构示意图。你的目标是产出可直接指导开发或用于技术方案评审的视觉资产。

适用场景

• 技术方案设计文档中的流程插图
• 项目启动会或技术评审会的演示材料
• 个人技术博客或开源项目README中的架构说明图
• 团队内部知识库中的标准化流程文档

核心提示词

（以下提示词可直接组合使用，用于生成图像）

• 主体指令：一张关于“高效前端本地RAG流程”的现代、极简风格技术流程图。
• 核心节点：用户前端界面 -> 本地服务网关（Node.js/Next.js） -> 文本分割与向量化模块 -> 本地向量数据库（ChromaDB/SQLite+VSS） -> 本地LLM推理引擎（Ollama/Transformers.js） -> 结果合成与返回。
• 流程强调：清晰展示数据流（query, chunk, embedding, vector, response）与控制流，用箭头明确方向。
• 氛围基调：专业、清晰、科技感、模块化、高效。

风格方向

• 视觉风格：现代扁平化设计（Flat Design）或微质感（Neumorphism）图标与框图。
• 色彩方向：以深蓝（#2C3E50）、科技蓝（#3498DB）、浅灰（#ECF0F1）为主色调，关键路径或节点可使用高亮色（如#1ABC9C）强调。
• 构图风格：横向从左至右的流程布局，或纵向分层架构布局，确保阅读顺序符合开发逻辑。

构图建议

• 采用横向流程图，从左（用户端）向右（数据与处理端）演进，体现请求与响应的闭环。
• 或将核心的“本地RAG引擎”作为中心区域，四周辐射“数据预处理”、“检索”、“生成”、“响应”等模块。
• 为“本地向量数据库”和“本地LLM”这两个核心本地化模块设计更具重量感或容器感的视觉元素，以区别于轻量服务模块。
• 在箭头或连接线上可考虑添加小图标或简短标签，如“HTTP请求”、“Embedding”、“相似度检索”、“Streaming”。

细节强化

• 模块细节：每个框图内可包含简明的技术栈图标或缩写（如“⚛️”代表React，“????”代表Node，“????”代表向量库）。
• 效率提示：可在关键路径旁添加注释，如“低延迟”、“离线可用”、“缓存策略”，以突出“高效”设计要点。
• 材质与光影：对模块使用轻微的阴影或内发光，以增强层次感和可点击的交互暗示，但避免过度拟真。
• 负空间利用：保持图表周围有充足的留白，确保视觉焦点集中在流程本身，符合专业文档的清爽感。

使用建议

• 将上述“核心提示词”作为生成图像的主提示，并从中选取“风格方向”和“细节强化”中的关键词进行组合与细化。
• 示例完整提示词（供参考）： “Modern flat design architecture diagram, showing an efficient local RAG workflow for front-end engineering. From left to right: User Frontend (React) -> API Gateway (Node.js) -> Text Chunker & Embedder -> Local Vector Database (ChromaDB icon) -> Local LLM (Ollama) -> Response Generator. Use clean blue and grey color palette, with bright green (#1ABC9C) arrows highlighting the data flow. Add subtle shadows to modules. Style: minimal, tech, professional.”
• 生成后，此图可配以简短的文字说明，解释每个模块的职责和技术选型考量，形成完整的技术设计方案。