Multicolor System Architecture Ppt

多色系统架构 PPT 信息图

把用户的新内容转成一张高密度但有秩序的 16:9 横版 PPT 系统架构信息图，并默认调用 imagegen skill / 内置 image_gen 工具生成图片。

效果预览

assets/preview.png 是创建本 Skill 时用户确认满意的 16:9 样图，用于展示目标视觉风格。后续生成新图片时，不必复制预览图内容，只复用它对应的视觉系统、版式语言和信息组织方式。

默认设置

• 比例：16:9 横版。
• 生图方式：使用 imagegen skill，底层调用内置 image_gen 工具。
• 背景：白色或极浅灰白纸面，干净、克制、适合演示文稿。
• 主色：深蓝、橙色、深绿、紫色，红色只用于风险、警示和错误提示。
• 画风：扁平矢量、细线描边、圆角容器、流程箭头、图标列表、文件树、节点网络、复用闭环；分区数量随内容而变，不固定套模板。
• 文字：中文短标题、模块标签、极短说明；避免长段落和不可读小字。
• 默认交付：用户要图片、出图、配图、PPT 图、演示页时，整理最终提示词并调用 image_gen；用户明确只要提示词时，不调用图片生成。

适用场景

• AI Agent、Skills、RAG、知识库、工作流、数据管道、产品机制、系统架构的讲解图。
• 输入、处理、输出流程，以及查询、反馈、评审、迭代等闭环系统。
• 需要同时表达主流程、风险点、复用路径、对比结论或多个子系统关系的复杂 PPT 页面。
• 用户明确提到“白底架构图”“多色分区”“系统流程图”“高密度信息图”“技术 PPT”“闭环流程”等关键词。

风格规范

画幅与留白

• 画面默认 16:9 横版，四周保留窄边距，主体占画面 85% 到 92%。
• 用清晰栅格组织内容：根据主题选择 2 到 6 个主要语义分区，可包含主流程、闭环、对比条、风险提示、资产区或结果区。
• 容器之间保持均匀间距，允许信息密度较高，但每个区块都要有明确边界。

背景与质感

• 使用白色或极浅灰背景，可加入非常轻微的纸面灰阶和柔和阴影。
• 不使用深色背景、复杂渐变、照片、3D 场景或装饰性纹理。
• 质感应像一页专业技术演示稿，而不是海报、网页或营销 KV。

配色系统

• 蓝色区块表示输入、资源、问题来源或左侧起点。
• 橙色区块表示处理、编译、生成、分析和中间机制。
• 绿色区块表示产物、知识库、可复用资产、优化结果。
• 紫色区块表示查询循环、复用链路、上下文窗口或辅助流程。
• 红色只用于警示条、风险标签、错误提示和需要人工复核的节点。
• 线条颜色要和区块语义一致，避免整页变成单一色调。

版式结构

整体风格固定为白底、多色分区、细线容器和箭头关系，但具体分区数量必须根据内容决定，不要机械套用固定三栏。常见版式包括：

• 2 到 3 个大分区：适合问题 / 方案、输入 / 输出、旧方式 / 新方式等简洁对比。
• 3 到 5 个主流程分区：适合从资源、处理、生成、评审到沉淀的连续流程。
• 中心加外围分区：适合一个核心机制连接多个模块、角色或能力。
• 上下分层分区：适合基础层、处理层、应用层、反馈层等系统结构。
• 闭环或回流分区：适合查询、检索、生成、评审、更新等循环过程。
• 风险与对比补充区：只在内容需要时加入红色警示条或底部路径对比。

无论采用哪种结构，都要保留多色分区、细线容器、箭头关系、短标签和高密度技术 PPT 气质。

图形语言

• 使用 8 到 16px 圆角矩形大容器，1 到 2px 细描边。
• 图标以线性扁平图标为主：文档、文件夹、放大镜、警示三角、锁、数据库、节点网络、对话框、图表。
• 箭头可以是粗实心箭头、细线箭头、虚线箭头混用，但方向必须清楚。
• 文件树、列表、节点图、流程卡片要像手工排版的 PPT 元素，不要像真实软件截图。

文字层级

• 顶部或主视觉位置放一个醒目的中文标题，建议 12 到 24 个字。
• 大容器标题 4 到 12 个字，副标题可以 8 到 18 个字。
• 列表项和节点标签尽量 2 到 8 个字。
• 每个区块最多放 3 到 6 个短标签，不放整段说明。
• 必须强调文字清晰可读，不能重叠、糊成小字或被箭头遮挡。

避免项

• 不要复刻参考图原文、Logo、水印、真实人物、专有版权角色或不确定授权的品牌资产。
• 不要出现密密麻麻的英文小字、无意义乱码或无法阅读的占位文本。
• 不要做成暗黑科技风、赛博朋克、3D 渲染、照片拼贴或装饰海报。
• 不要让红色警示元素喧宾夺主，风险提示应服务于流程表达。

Core Workflow

Step 1：提炼内容

把用户输入压缩成适合一张复杂 PPT 架构图表达的信息：

• 一个 8 到 24 字中文主标题。
• 一个核心论点，用来决定整页的流程方向。
• 2 到 6 个主要语义分区，数量由内容复杂度决定。
• 每个分区的角色，例如输入、问题、机制、阶段、模块、产物、风险、评审、反馈或结果。
• 0 到 3 个风险提示或关键约束；只有内容确实需要时才加入红色警示条。
• 可选闭环：提问、检索、选择、生成、回流等；如果主题不是循环系统，可以改成线性流程、分层架构或左右对比。
• 可选底部结论：旧路径 vs 新路径、成本 vs 收益、临时方案 vs 可复用资产等；没有必要时不要强行加入。

如果用户给的是长文或文章段落，先提炼结构，不要把原文整段塞进图里。

Step 2：套用版式

先判断内容适合的分区数量和结构，再套用风格。可选结构：

1. 简洁对比：2 个大分区，适合旧方式 / 新方式、问题 / 方案。
2. 横向流程：3 到 5 个分区，用箭头串联，适合阶段推进。
3. 多模块架构：4 到 6 个分区，适合系统组件、角色协作、能力地图。
4. 分层结构：上下 3 到 4 层，适合基础设施、处理层、应用层、反馈层。
5. 闭环结构：4 到 6 个步骤形成回路，适合持续优化、复盘和迭代。
6. 主流程 + 辅助区：主流程之外按需加入风险提示、复用队列、文件树、节点网络或底部对比。

不要为了匹配预览图而强行生成固定三栏、固定闭环或固定底部对比；只保留整体视觉风格。

Step 3：组织 imagegen 提示词

提示词顺序：

1. 明确图片类型与比例：16:9 横版 PPT 技术架构信息图。
2. 描述视觉风格：白底、多色分区、细线描边、圆角容器、箭头、图标、警示条。
3. 描述内容结构：主标题、按内容决定的分区数量、区块关系、风险提示、闭环或对比。
4. 限制文字：中文短标签、少量说明、清晰可读、不要密集小字。
5. 加负面约束：不要 Logo、水印、原图文案、照片、3D、暗黑背景、乱码。

Step 4：调用 imagegen

• 用户明确要图片、出图、配图、PPT 图、画一张时，使用最终提示词调用 image_gen。
• 用户明确说“只给提示词”时，只输出完整提示词，不调用图片生成。
• 生成系列图时，保持同一套色彩语义、圆角、描边、图标风格和信息密度。

Prompt Template

请生成一张 16:9 横版 PPT 技术架构信息图，风格为“多色系统架构 PPT 信息图”。

主题：[用户主题]
主标题：[8 到 24 字中文标题]
核心表达：[一句话说明这张图要讲清楚什么]

画面结构：
- 根据内容复杂度选择 [2 到 6] 个主要语义分区，不要固定套用三栏。
- 分区布局：[横向流程 / 左右对比 / 上下分层 / 中心放射 / 闭环结构 / 主流程 + 辅助区]。
- 主要分区：[分区 1 名称与角色]、[分区 2 名称与角色]、[分区 3 名称与角色]、[按需增加或减少]。
- 连接关系：用箭头、虚线回流、节点连线或分层连接表达[关系说明]。
- 可选风险提示：如果内容需要，使用红色警示条表达[风险 1]、[风险 2]；不需要则省略。
- 可选结论区：如果内容需要，用浅灰横条或底部短句表达[对比/结论]；不需要则省略。

主要内容：
- [分区 1]：[2 到 5 个短标签]
- [分区 2]：[2 到 5 个短标签]
- [分区 3]：[2 到 5 个短标签]
- [更多分区按内容决定，不要强行填满]
- [辅助区/风险区/闭环区/底部对比]：[按需填写或省略]

视觉要求：白色或极浅灰背景，深蓝、橙色、深绿、紫色分区，红色警示提示；大量细线描边圆角矩形、流程箭头、文档图标、文件夹图标、放大镜、警示三角、数据库、节点连线、对话框和小图表；整体像精心制作的高密度技术演示页。

文字要求：中文短标题和短标签，少量说明，文字必须清晰可读，不要互相遮挡，不要密集小字，不要乱码。

限制：不要 Logo，不要水印，不要真实人物，不要版权角色，不要复刻任何参考图原文，不要暗黑背景，不要赛博朋克，不要 3D 渲染，不要照片拼贴。图片比例必须是 16:9。

出图规则

• 用户说“生成图片 / 直接出图 / 画一张 / 配图 / PPT 图 / 演示页”时，默认调用 image_gen。
• 调用前可以简短整理最终提示词，但不要长篇解释设计过程。
• 如果用户没有给具体主题，先从上下文推断；确实无法推断时，只问一个必要问题。
• 优先保证结构清晰和文字可读，再追求信息密度。