高效前端工程模型选型对比提示词

角色定义与任务定位

请以「前端技术架构师」或「技术决策顾问」的身份，使用本提示词。你的核心目标是：生成一份用于视觉化呈现与对比不同前端工程模型（如微前端、MPA、SPA等）优劣的图表或信息图，旨在辅助团队技术评审、方案汇报或文档归档，使复杂的技术选型逻辑变得一目了然。

适用场景

• 技术方案内部评审会演示材料
• 项目启动前的架构选型分析报告
• 面向非技术背景利益相关者的技术科普图解
• 团队知识库中的架构决策记录（ADR）可视化部分

核心提示词

可直接用于AI图像生成或图表设计工具的核心描述语句：

• 一个清晰对比微前端、单页面应用(SPA)和多页面应用(MPA)的架构对比信息图，专业科技风格
• 信息可视化图表，展示不同前端模型在开发效率、性能、复杂度、团队协作维度的雷达图对比
• 技术选型决策树流程图，从“项目规模”、“团队结构”、“更新频率”等关键问题出发，指向推荐模型
• 二维坐标系图，横轴为“架构复杂度”，纵轴为“业务独立度”，将不同前端工程模型标注在相应象限

风格方向

• 专业科技感：采用深色背景（如深蓝、深灰）搭配霓虹蓝、青柠绿等荧光色高亮关键数据，线条干净利落。
• 极简扁平化：使用简洁的几何形状（矩形、线条、箭头）代表不同模块与数据流，色彩区分明确，避免冗余装饰。
• 商务简报风：浅色背景，搭配协调的色系（如蓝紫色系），采用立体感轻微的卡片、分栏布局，强调清晰的结构层次。

构图建议

• 并列对比式：将画布均分为若干纵向栏，每栏展示一种模型的核心架构图、优缺点列表和适用场景图标。
• 中心辐射式：将“前端工程模型选型”置于视觉中心，向外延伸出多条分支，每条分支详细阐述一种模型的关键特征。
• 时间线/演进式：从左至右展示从前端MVC到SPA，再到微前端等模型的演进路径，突出每种模型解决的核心痛点。

细节强化

• 图标化关键词：为“耦合度”、“部署独立性”、“学习成本”等抽象概念设计简洁的隐喻图标（如链条、集装箱、大脑）。
• 数据可视化：在对比点旁加入微型柱状图、进度条或分数标识，使“高/中/低”评价量化、视觉化。
• 色彩编码：为每种模型固定一种主色，并贯穿于其架构图、文字标签和数据分析中，建立强烈的视觉关联。
• 标注与图例：确保所有缩写（如SSR、CSR）都有全称标注，提供清晰的图例说明线条类型（数据流、依赖关系等）的含义。

使用建议

• 将“核心提示词”与“风格方向”、“构图建议”中的描述组合，输入至AI绘图工具（如Midjourney, DALL·E），可生成图表框架或灵感草图。
• 在专业绘图软件（如Figma, Sketch）中实施时，重点参考“细节强化”部分，提升图表的信息传达效率与专业度。
• 可根据实际选型范围，替换或增加“核心提示词”中的具体模型名称（如Qiankun, Module Federation, SSR等）。
• 最终产出物应包含标题、对比主体、图例和关键结论标注，确保其作为独立图表具备自解释性。