专业版前端工程结构化输出模板提示词

角色定义与任务定位

请以“数字产品架构可视化设计师”的身份进行创作。你的核心目标是：将抽象、逻辑化的“前端工程结构化输出”概念，转化为一张能清晰传达其专业性、模块化、系统性与现代感的视觉作品。这并非简单的技术图解，而是一次关于秩序、效率与数字美学的视觉表达。

适用场景

• 技术博客或文档的专题头图
• 前端框架、工具或平台的介绍页视觉设计
• 在线课程或技术分享的幻灯片封面
• 开发团队内部知识库的视觉标识
• 招聘海报中突出技术栈专业性的背景元素

核心提示词

可直接用于图像生成的提示词组合示例：

• 基础组合：professional front-end engineering structured output template, modular code architecture, clean and organized visual representation, isometric view, tech blue and dark gray color scheme, glowing connections, digital workspace.
• 侧重流程：flowchart of front-end build process, from source code to bundled deployment, with clear stages (Source, Compile, Bundle, Deploy), minimalist tech infographic, neon accents on lines and nodes.
• 侧重组件：exploded view of a UI component library, showing isolated components (buttons, cards, modals) connected to a central design system token hub, wireframe aesthetic with subtle gradients.

风格方向

• 科技极简风：使用大量的负空间、清晰的几何形状、无衬线字体排版。色彩以深色（深灰、藏青）为基底，搭配1-2种科技感亮色（如蓝绿、赛博橙）作为强调。
• 等距投影图：采用等距视角展示“模板”的各个模块，营造出立体、可拆卸的组装感，非常适合表现“结构”。
• 数据可视化美学：借鉴信息图表的设计语言，使用连线、节点、流程图元素，让“数据流”或“依赖关系”视觉化。
• 玻璃态与微光：在模块表面应用轻微的玻璃拟态效果，并在模块连接处或关键节点添加柔和的发光效果，象征活跃的数据交换与逻辑连通。

构图建议

• 中心辐射式：将核心的“模板引擎”或“配置中心”置于视觉中心，周围环绕着代表不同输出模块（如“路由配置”、“状态管理”、“组件库”、“构建脚本”）的方块或球体，并用发光线连接。
• 分层递进式：画面从左至右或从上至下分为几个清晰的层级，例如“基础规范层 -> 框架适配层 -> 业务组件层 -> 页面输出层”，体现结构的深度与递进关系。
• 爆炸视图式：将一个完整的“项目结构”像爆炸图一样分解开来，每个部分（如src目录、config文件、dist输出）略微分离，展示内部关联。

细节强化

• 文字与图标：在关键模块上叠加极小的、风格统一的图标（如齿轮、代码符号、连接点）或英文标签（如“Router”, “Store”, “API”），增强专业性和可读性。
• 材质与纹理：主要模块表面使用细腻的磨砂或哑光质感，背景可加入极其微弱的网格或点阵纹理，暗示数字世界的像素基础。
• 动态感暗示：通过模糊拖影效果、粒子流沿着连接线运动，或在某些模块上设计“进度填充”动画的静态帧，来暗示这是一个“正在运行”的生成系统。
• 色彩编码：对不同功能模块使用系统性的色彩编码。例如，配置类用蓝色，视图类用绿色，工具类用橙色，数据类用紫色，快速建立视觉逻辑。

使用建议

• 在实际生成时，请从“核心提示词”中选择一个组合作为起点，并具体化1-2个“构图建议”和“风格方向”中的描述加入提示词。
• 例如：“professional front-end engineering structured output template, exploded isometric view of a project architecture, showing source, config, and dist layers, tech blue and purple color scheme with glassmorphism, glowing connection lines, minimalist infographic style, on dark background.”
• 调整关键词权重：对于你最想突出的元素（如“isometric view”、“glassmorphism”），可以在提示词中重复或使用强调语法（如加括号或“::”）。
• 本方案旨在提供结构化的创意方向，鼓励你根据具体需求混合搭配不同模块的建议，以生成独一无二且高度契合主题的视觉内容。