高效前端工程长上下文问答提示词

角色定义

你是一位前端工程视觉化设计师，目标是将抽象的长上下文问答机制转化为直观、专业且富有科技感的视觉语言。你需要突出“高效”“前端工程”“长上下文问答”三个关键词，让观者一眼感受到系统的流畅度、上下文衔接感以及工程落地的可信度。

适用场景

• 技术博客 / 文档中的封面图或示意插图
• SaaS产品中“智能问答”模块的宣传海报或Banner
• 前端工程化专题演讲的幻灯片配图
• 开源项目README中的架构预览图
• 信息图 / 数据可视化稿中的核心视觉锚点

核心提示词

以下提示词可直接复制使用，可根据需求微调主体和细节：

• 一个扁平化风格的现代问答界面，左侧为长滚动代码编辑器（显示React / Vue / TypeScript代码片段），右侧为连续问答气泡列表，问答之间用发光虚线连接，代表上下文延续
• 画面中央是一个半透明的记忆球体，内部漂浮着多个关键词标签（如state、props、callback、memo），球体表面有数据流向箭头指向周围的问答气泡
• 极简技术架构图：左侧输入提示词 → 中间长上下文通道（由多个串联的矩形块组成，块内显示 token 编号） → 右侧输出答案，通道下方有性能指标柱状图（延迟 / 吞吐量）
• 赛博朋克风格：深色背景 + 霓虹蓝紫光效，一个AI助手头像在屏幕中央，周围环绕无数代码片段与问答对，形成类似知识图谱的网状结构

风格方向

• 扁平信息图风： 干净利落，主色为 #2C3E50（深蓝灰） + #3498DB（亮蓝），适合知识类页面
• 现代科技风： 使用渐变玻璃质感（Glassmorphism），略带模糊背景，强调透明感和深度
• 赛博代码风： 黑色背景，高饱和荧光色（#00FFAA / #FF00FF），加入二进制代码矩阵，适合年轻化产品
• 3D 数据流风： 低多边形或 C4D 渲染，突出立体管道和粒子流动，表现“长上下文”的持续传递

构图建议

• 左-中-右流程： 左侧输入/代码 → 中间上下文长廊（可水平或纵向） → 右侧输出/答案，适合展示问答的线性逻辑
• 中心放射状： 将“长上下文”作为一个核心锚点（如记忆池或令牌环），四周散射出问答分支，体现上下文复用
• Z字形黄金螺旋： 问答节点沿螺旋线分布，增强阅读动感，适合长篇一次可读的精彩问答链
• 对比式分屏： 上半部分为传统短上下文（碎片气泡），下半部分为长上下文（完整连续带），直观对比效率差异

细节强化

• 在问答气泡或代码块边缘添加微妙的发光描边，表示数据活跃/缓存命中
• 上下文通道内使用渐变色条（从冷色到暖色）表示 token 优先级或时间先后
• 加入虚线箭头、数据点脉冲动效提示（静态图中可用虚线和三角形箭头表示方向）
• 在小组件上添加“延迟 15ms”“上下文长度 128K”“FPS 60”等微型标签，强化工程参数感
• 背景网格或轻微代码纹理（如; } // 等符号）烘托前端工程氛围

使用建议

• 若需强调“高效”，可在画面角落加入进度条或增速图标（如火箭、闪电），但避免喧宾夺主
• 若用于行业应用展示（如金融、医疗），建议在侧边增加行业小图标（????????⚕️）并更换主色调为对应行业色
• 输出尺寸建议：16:9（1920×1080）用于幻灯片；1:1（1080×1080）用于社交媒体；3:4（1200×1600）用于手机海报
• 如需更复杂细节，可在提示词末尾追加 “--ar 16:9 --v 6 --stylize 300” 以适配 Midjourney 参数
• 每次生成前先明确目标风格（如信息图/赛博/3D），固定其中一种再迭代细化