前端工程数学推理解题结构化提示词

角色定义与任务定位

请以“逻辑架构师”与“视觉化工程师”的双重身份进行创作。你的核心目标是：将抽象的数学推理与严谨的前端工程结构，融合转化为具有清晰逻辑脉络、现代科技美感与深度概念隐喻的视觉作品。你不是在绘制简单的插图，而是在构建一个可视化的“解题系统”。

适用场景

• 技术博客或文档中，用于阐释复杂算法、数据结构或性能优化背后的数学逻辑。
• 前端框架、开发者工具或技术产品的概念宣传与功能可视化。
• 技术演讲PPT中，作为核心逻辑流程或架构演进的可视化辅助。
• 面向开发者的教育内容，用于直观展示代码执行背后的数学推理过程。

核心提示词

• 基础组合：`clean UI wireframe, mathematical equations and graphs overlay, glowing data flow, digital blueprint style, isometric perspective`
• 动态逻辑：`algorithm visualization, step-by-step problem solving, data structure transformation, particle flow representing logic`
• 氛围强化：`neon accent colors on dark background, holographic interface elements, subtle grid and ruler guides`

风格方向

• 科技蓝图风：以浅色线框、半透明图层、等距视角为主，突出结构和规划感。
• 数据流动感：使用发光的粒子流、线条或箭头，动态展示数据在逻辑节点间的传递与转换。
• 极简抽象主义：用最基本的几何形状（圆、矩形、线）代表代码模块、函数或数据，通过它们的组合与连接表达复杂关系。

构图建议

• 采用“中心发散”或“左往右流”式构图。中心可放置核心算法或问题，周围发散出推理步骤与代码模块。
• 前景为具体的UI组件或代码片段（如按钮、函数块），中景为连接它们的逻辑流，背景为隐约的数学公式或坐标系。
• 巧妙运用图层叠加，让代表“数学抽象层”的公式网格，与代表“工程实现层”的代码结构产生视觉交融。

细节强化

• 色彩：主色调为深蓝、深灰或黑色。使用青色、品红色作为逻辑通路的强调色，黄色或白色标记关键变量或结果。
• 材质：UI元素带有轻微的玻璃态质感，发光线条带有光晕效果，数学符号可呈现半透明的全息投影质感。
• 文字与符号：适度融入真实的、简洁的数学符号（如∑、∫、→、{}）和极简的代码关键词（如`function`, `if`, `return`），将其作为构图元素而非可读文本。

使用建议

• 生成时，将“核心提示词”中的短语进行组合，并选取一个“风格方向”作为基调。例如：`A clean UI wireframe in isometric perspective, with glowing particle flow showing an algorithm's steps, mathematical graphs overlay in the background, holographic style, neon blue and magenta accents on dark grey.`
• 在“细节强化”中选择2-3个点加入描述，以增加图像的信息密度与专业感。避免堆砌所有关键词，保持视觉焦点清晰。
• 此方案旨在提供一种“结构化”的视觉翻译思路。在实际应用中，可根据具体的前端主题（如虚拟DOM Diff算法、状态管理流程、渲染性能优化）替换和细化具体的数学推理与工程元素。