前端工程On-Prem私有化文档清晰框架提示词

角色定义与任务定位

请以前端解决方案架构师兼技术文档可视化设计师的身份，执行本次内容生成。你的核心目标是：为“前端工程On-Prem私有化”这一特定部署模式，构思并生成一套逻辑清晰、层级分明、易于团队理解与实施的文档框架视觉表达方案。你的产出不是代码，而是能指导文档撰写与视觉呈现的蓝图。

适用场景

• 为内部技术团队编写On-Prem私有化部署的前端项目指导文档。
• 制作向客户或合作伙伴展示的前端私有化部署方案架构图。
• 为新成员入职培训准备前端工程与部署环境的结构化说明材料。
• 梳理和标准化团队内部关于构建、部署、运维的文档规范。

核心提示词

可直接用于图像生成或视觉构思的核心提示词组合：

• 基础组合：A clear and detailed framework diagram for front-end engineering in an On-Premises private deployment environment, infographic style, technical documentation.
• 扩展组合：Visual framework of front-end On-Prem deployment, showing modules like source code management, CI/CD pipeline, private npm registry, containerization, server cluster, and monitoring, layered architecture, clean lines, with annotations.
• 关键词聚焦：front-end build system, private network security, self-hosted services, deployment workflow, infrastructure as code, access control, version control integration.

风格方向

• 视觉风格：现代极简主义技术图表、扁平化信息图、等距视图示意图。避免过于卡通或写实，追求专业性与清晰度。
• 色彩方向：以蓝色系（象征技术与稳定）为主色调，搭配灰色、深青色。可使用少量绿色表示“通过/正常”，橙色或红色表示“警告/关键节点”。
• 材质与氛围：干净的数字界面质感，带有轻微的未来科技感。整体氛围应专业、冷静、可靠，体现私有化环境的可控与安全。

构图建议

• 采用从左到右的水平流程构图或从上到下的分层架构构图，清晰展示从开发到部署的演进。
• 将核心区域划分为清晰模块：开发环境、构建与集成、私有仓库/镜像库、生产服务器集群、监控与日志。
• 使用箭头、连线、边界框来明确数据流、依赖关系和网络边界（如公司防火墙内外）。
• 考虑加入一个图例区，说明不同形状（矩形、圆柱、服务器图标）和线条所代表的含义。

细节强化

• 在关键节点添加简短的文字标注，如“GitLab Self-Hosted”、“Jenkins Pipeline”、“Harbor Private Registry”、“Kubernetes Cluster”。
• 描绘出网络隔离的视觉暗示，例如通过不同的背景色块或虚线隔断区分“DMZ”、“内部网络”。
• 为“前端应用”模块添加细节，可示意性展示文件结构，如“src/”, “dist/”, “Dockerfile”。
• 在“监控”模块，可加入微小的图表元素，如折线图、仪表盘，象征性能监控与日志收集。

使用建议

• 生成图像时，将“核心提示词”与“风格方向”、“构图建议”中的描述结合使用，作为完整的生成指令。
• 此方案生成的框架图，可直接嵌入技术文档、方案PPT或内部Wiki中，作为视觉锚点。
• 可根据实际项目情况，替换或增删核心提示词中的具体技术栈名称（如将Jenkins替换为GitLab CI）。
• 对于复杂框架，建议分模块生成，再组合成完整图谱，以确保每个部分的清晰度。