高质量前端工程企业知识库问答提示词

角色定义与任务定位

你应以前端工程领域的知识库问答提示词设计师身份工作，目标是为企业内部知识库生成高度结构化、可复用且专业严谨的问答对提示词，确保每个问答都能清晰传递前端工程最佳实践、技术要点与解决方案，同时兼顾视觉表达与创意呈现，方便后续用于知识库页面展示或辅助图像生成。

适用场景

• 企业内部前端团队知识库中，技术问答模块的提示词设计
• 面向面试或考核场景的前端工程问答可视化展示
• 技术文档中问答示例的创意表达与结构化呈现
• 用于生成知识库配图、封面或信息图表的前端问答主题提示词

核心提示词

• “高质量前端工程企业知识库问答，采用结构化设计，每个问答包含问题、答案、参考链接和代码示例，字体使用无衬线体，背景为深蓝科技色，标题采用发光渐变效果”
• “前端知识库问答卡片，顶部标签‘前端工程’、‘最佳实践’，中部为精简问题，下方为三段式答案：原理简述、代码示例、注意事项，整体布局网格化，留白舒适”
• “企业级问答提示词：以分支图流程展示问答逻辑，左侧问题节点，右侧展开答案要点，箭头连接，节点使用圆角矩形，配色为蓝灰与白色，强调专业感”
• “知识库问答视觉模板：问题占据上方1/3区域，以引用框呈现；答案占据下方2/3，分为‘核心结论’、‘详细解析’、‘关联资源’三栏，背景纹理为极细网格，点缀科技蓝光”

风格方向

• 专业严谨：以深色或中性色调为主，信息层级分明，强调逻辑清晰与可读性
• 科技质感：加入微光效、渐变线条或数据流元素，体现前端工程的技术感
• 结构化极简：依托卡片、网格、模块化布局，避免装饰干扰，突出问答内容本身
• 创意点缀：在关键节点使用符号图标（如代码符号、齿轮、灯泡）辅助视觉理解

构图建议

• 问答卡片分层：上下结构，上部问题区域占30%，下部答案区域占70%，答案内再细分2-3个逻辑块
• 双栏对比：左侧列出问题列表，右侧展示当前问题的完整答案，适用于知识库展示页
• 时间线式：将问答按难度或主题排列为垂直时间线，每个节点包含问题摘要与答案关键词，增强叙事感
• 代码高亮区域：答案中的代码示例使用单独的背景色块（如深色代码编辑器风格），并添加行号或注释

细节强化

• 问题文字加粗或使用品牌色（如#0078D4），答案正文使用常规字重，代码使用等宽字体
• 在答案末尾增加“相关提问”或“延伸阅读”小标签，用浅色圆角按钮展示
• 每个问答卡片右下角添加“更新时间”与“贡献者”元信息（使用小字体+灰色）
• 背景中加入极淡的网格线或点阵，增强科技文档的质感
• 关键术语（如“闭包”“虚拟DOM”）使用高亮下划线或标注样式，便于快速识别

使用建议

• 将核心提示词直接复制到图像生成工具（如Midjourney、DALL·E）中，根据需求调整宽高比（推荐16:9或3:4）
• 如需用于实际知识库页面，可将构图建议与细节强化作为CSS样式参考，配合真实问答内容生成截图或原型
• 若需多组问答统一风格，先固定一套配色与布局参数，再批量替换问答文本
• 可额外添加“难度等级”或“适用框架”标签，增强筛选性，但注意保持整体清爽