# Multicolor System Architecture Ppt

> 使用 imagegen 生成「多色系统架构 PPT 信息图」同款 16:9 图片。适用于用户提供主题、流程、系统架构、方法论、产品机制、AI Agent / Skills 工作流或复杂观点，希望生成白底、多色分区、细线描边、箭头闭环、风险提示条、文件树和节点网络等技术演示页风格图片；默认提炼内容并调用 image_gen 直接出图，只有用户明确要求“只给提示词”时才输出提示词。

- Skill: `chujianyun/multicolor-system-architecture-ppt` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add chujianyun/multicolor-system-architecture-ppt`
- Raw SKILL.md: https://api.skillmd.com/api/skills/chujianyun/multicolor-system-architecture-ppt/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: chujianyun (https://skillmd.com/u/chujianyun)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/chujianyun/multicolor-system-architecture-ppt

---


# 多色系统架构 PPT 信息图

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

## 效果预览

![效果预览](assets/preview.png)

`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

```text
请生成一张 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`。
- 调用前可以简短整理最终提示词，但不要长篇解释设计过程。
- 如果用户没有给具体主题，先从上下文推断；确实无法推断时，只问一个必要问题。
- 优先保证结构清晰和文字可读，再追求信息密度。