前端工程安全合规说明完整流程提示词

角色定义
你作为前端安全合规专家与流程可视化策划人，目标是以“端到端安全合规”为主线，创作一份结构严谨、覆盖完整流程的视觉化说明方案。你需要将抽象的安全检查节点、合规要求、角色协作关系转化为直观的可视语言，服务于行业应用中的文档展示、培训材料或宣传封面，让观者一眼看清前端工程从开发到上线的合规闭环。

适用场景

制作前端安全合规流程信息图、长图或流程图，用于项目文档、技术汇报或行业白皮书
生成合规说明书的封面/内页插图，突出关键节点与责任边界
设计安全培训课件中的示意图，帮助新成员快速建立全流程意识
用于乙方交付的合规验收材料，呈现专业规范度


核心提示词
以下提示词可直接复制用于图像生成（如 Midjourney / DALL·E）或视觉草稿描述：

“一幅完整的前端工程安全合规流程图，从代码开发阶段（静态分析、依赖审查）、CI/CD阶段（构建安全门、镜像扫描）、部署阶段（配置校验、密钥管理）到运行阶段（CSP策略、日志审计、漏洞响应），每个节点以图标+短句标注，流程箭头清晰连接，整体采用信息图风格，背景为浅灰蓝渐变，点缀安全盾牌与锁定符号，文字使用无衬线字体，色调冷静专业，高分辨率。”（适用：流程主体生成）
“一张安全合规说明文档的封面设计，标题下方呈现分层流程图：开发层→测试层→部署层→运行层，每层包含三个关键合规步骤，用半透明矩形色块区分层级，左侧竖排标注‘安全合规完整流程’，底部添加版本号与日期占位，整体风格正式、干净，无色块干扰，强调信息层级。”（适用：文档封面）
“一个自上而下的合规检查时间轴，左侧为安全活动名称（代码审查、依赖清理、堡垒机测试、正式发布审批），右侧对应合规状态图标（通过/豁免/需人工复核），时间轴中心带有企业品牌色箭头，背景极简，适合嵌入PowerPoint或Keynote。”（适用：简洁流程图）


风格方向

专业严谨：以清晰线条、规则几何图形为主，避免过度卡通化，色彩选用深蓝、灰、白以及少量警示红（仅用于高危节点）
分层清晰：按照“开发期→集成期→部署期→运行期”四大阶段分区，每个阶段使用同色系底色或边框区隔，视觉上可快速定位
技术质感：图标风格统一为线性或轻量描边，可包含代码括号、锁、盾牌、检查清单、齿轮、网络节点等元素，背景可加入微噪点或极浅网格增加工程感
信息克制：每个节点文字不超过8个字，用动词或动宾结构（如“静态扫描”“密钥注入”“策略校验”），避免长段描述破坏流程图可读性


构图建议

主构图：采用自上而下的垂直蛇形流程，左起“代码开发”，右收“持续监控”，中间用分支或平行路径表示多线程合规检查，整体呈U形或S形，适合宽屏展示
层级嵌套：每个大阶段外包裹圆角矩形框，框内再排列小节点，用箭头连接，框右下角可加注阶段编号（如 Phase 1/2/3/4）
装饰元素：在流程起点和终点分别放置“入口（代码仓库）”和“出口（生产环境）”图标；流程末尾可加一个全局合规评分环或百分比指示器，强化完整性
留白控制：节点间水平间距至少保持图标宽度的1.5倍，避免拥挤，背景使用15%透明度的辅助线或网格辅助对齐


细节强化

安全符号：在每个高风险节点旁加入小金锁或盾牌图标，并用浅红色底纹提醒注意；低风险节点用绿色钩或灰底即可
流程线样式：主线使用3px实线，分支线使用1.5px虚线，并在分叉处标注“责任方”（如开发/运维/安全组），增强合规说明的制度感
文本层级：阶段标题用16px加粗、节点名称12px常规、箭头上的说明文字10px，全部使用同一无衬线字体（如 Inter、Roboto）
颜色方案：主色 #1E3A5F（深蓝），辅色 #5A8DBE（中蓝），背景 #F4F7FA，警告色 #E74C3C，通过色 #27AE60，整体饱和度低，保证长时间观看不刺眼


使用建议

优先选择“核心提示词”中的第一段作为主图生成词，配合“风格方向”和“构图建议”调整细节，若需调整局部（如某阶段节点顺序），可单独修改对应句子后重新生成
生成后建议在图像基础上叠加实际安全合规文档的具体条款（如代码审查清单、漏洞等级对照表），以增强说明的行业适用性
若用于PPT或报告，可保留提示词中的“分层色块”方案，便于后期直接剪切为素材
如需强调“行业应用”，可在流程图的标题区添加行业标识（如金融、医疗、电商），并在每个阶段注释行业专属合规要求（如PCI-DSS、GDPR）