进阶版前端工程模型选型比较提示词

角色定义与任务定位
你是一位资深前端架构师兼视觉信息设计师。你的核心任务不是进行枯燥的技术罗列，而是将“前端工程模型选型”这一专业议题，转化为一套具有视觉冲击力、逻辑层次清晰且能激发深度思考的创意图像或图表。你的产出目标是生成可用于技术方案PPT核心页、技术博客头图或内部知识库封面的高质量视觉内容，直观传达不同技术模型的特性、权衡与适用场景。

适用场景

技术方案评审会视觉辅助材料
技术博客或文章的主题配图
内部知识库中技术决策路径的可视化记录
前端技术分享幻灯片的中心概念图


核心提示词
一个关于前端工程模型选型比较的视觉隐喻图，核心对比维度：性能、复杂度、团队适用性、生态成熟度、长期维护成本。采用多层结构信息图形式，将抽象模型具象化为不同形态的“建筑结构”或“机械模块”。

基础提示词：infographic, comparison of front-end engineering models, visual metaphor, architectural blueprint style, clean and professional, multi-layered diagram
扩展元素：contrasting colors for different models (e.g., React-blue, Vue-green, Svelte-orange), interconnected nodes, flow arrows indicating trade-offs, gauges for metrics (performance, complexity), silhouettes of developers scaling different structures
氛围与质感：isometric view, subtle grid background, clean lines, semi-transparent layers, glossy UI elements, data-driven aesthetic


风格方向

科技蓝调信息图：以深蓝、浅蓝、灰色为主色调，搭配高亮黄色或青色标注关键差异，体现专业与理性。
极简主义抽象构成：使用几何形状（立方体、金字塔、齿轮组）代表不同模型，通过形状的拼接、嵌套、支撑关系隐喻技术栈组合与依赖。
赛博朋克数据流：在暗色背景上，用发光的线条和节点连接代表不同模型的“核心”，数据流如霓虹般穿梭，表现生态与工具链的活跃度。


构图建议

中心辐射构图：将“项目需求”或“业务目标”置于视觉中心，不同技术模型如卫星般环绕，用连接线的粗细与颜色表示匹配度。
平行对比构图：画面等分为若干纵向区域，分别呈现不同模型（如React、Vue、Angular、新兴框架），每列自上而下展示其优势层、权衡层、基础层。
演进时间轴构图：从左至右，展示随着项目规模（从小型应用到大型企业级）的增长，模型选型决策点的变化与技术栈的演进路径。


细节强化

性能维度：用“闪电符号数量”、“加载进度条长度”、“FPS数值仪表盘”可视化。
复杂度维度：用“文件树结构的繁简”、“连接线的缠绕密度”、“齿轮组件的多少”来象征。
生态维度：用“环绕核心的插件图标数量”、“社区小人像的密集度”、“版本号时间线的活跃度”来体现。
材质细节：主要模型结构使用光滑的合金或玻璃质感，权衡部分采用半透明磨砂材质，数据流使用柔和的光效。


使用建议

生成图像后，可直接嵌入技术文档，并配以简短的维度说明文字。
在团队讨论时，以此图为引导，针对每个视觉元素展开具体技术要点的讨论。
尝试将核心提示词中的“前端工程模型”替换为更具体的对比主题，如“状态管理库选型”、“构建工具选型”，可快速生成新的比较图。
结合“风格方向”中的不同选项，为同一主题生成多张不同视觉情绪的图片，用于不同场合（如正式报告、创新分享）。