# Chalkboard Tech Architecture

> 使用 Imagegen 生成黑板粉笔手绘技术架构图风格的 16:9 PPT 图片。适用于用户提供主题、文章段落、技术框架、工作流、方法论、Agent/AI/产品系统说明或课程内容，希望生成同款黑板板书、粉笔手绘、中心放射架构图、流程拆解图或演示页配图；默认整理提示词并调用 image_gen 直接出图，只有用户明确要求只给提示词时才输出提示词。

- Skill: `chujianyun/chalkboard-tech-architecture` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add chujianyun/chalkboard-tech-architecture`
- Raw SKILL.md: https://api.skillmd.com/api/skills/chujianyun/chalkboard-tech-architecture/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/chalkboard-tech-architecture

---


# 黑板粉笔手绘技术架构图

## 效果预览

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

把用户的新内容转成一张黑板板书质感的 16:9 横版 PPT 信息图，并默认使用 `imagegen` skill / 内置 `image_gen` 工具生成图片。

## 默认设置

- **比例**：16:9 横版。
- **生图方式**：使用 `imagegen` skill，底层调用内置 `image_gen` 工具。
- **背景**：深黑灰真实黑板，带粉笔擦痕、颗粒感和轻微使用痕迹，外圈可带木质相框。
- **主色**：白色粉笔作为主文字和主描边；浅蓝用于模块框、箭头和辅助强调；黄色用于重点标题；少量淡红或粉色用于一侧强调区域。
- **画风**：粉笔手绘、课堂板书、技术架构讲解图；线条允许轻微抖动，不追求完美直线。
- **文字**：中文短标题、短标签、少量 bullet；仿中文粉笔手写字体，必须清晰可读。
- **默认交付**：用户要图片、出图、配图、PPT 图、演示页或图解时，整理最终提示词并调用 `image_gen`。用户明确只要提示词时，不调用图片生成。

## 适用场景

- AI Agent、MCP、上下文工程、工作流自动化、技能体系、知识库、产品架构等技术概念讲解。
- 一个核心概念和多个外围模块的架构图、方法论框架图、工作流拆解图。
- 旧方式 vs 新路径、问题侧 vs 解法侧、输入侧 vs 输出侧的左右对比图。
- 课程 PPT、公众号横版配图、分享页、讲解型信息图。
- 用户明确提到“黑板”“粉笔”“板书”“手绘架构图”“技术架构”“课堂讲解风”等关键词。

## 风格规范

- **画幅与留白**：横向 16:9，主体集中在画面中部；四周留出黑板边距和木框空间；模块之间保持清楚间距，避免箭头和文字互相压住。
- **背景质感**：黑板不是纯黑色，应有深灰层次、粉笔灰痕、擦除痕迹和细微颗粒；木质边框只作为外圈氛围，不抢占信息。
- **版式结构**：默认使用“中心放射 + 左右分区”。顶部大标题；中间核心节点；左侧放问题、输入、触达或旧方式；右侧放路径、输出、工作流或新方式；顶部可放云朵机制节点；底部可放支撑机制或闭环节点。
- **文字层级**：顶部标题最大，居中并配白色粉笔下划线；分区标题用黄色粉笔字；模块文字用白色；重点词可用黄色。单个框内优先 2 到 10 个中文字，避免长句。
- **图形元素**：手绘圆角矩形、手绘大框、云朵框、箭头、下划线、短 bullet、小标签、少量粉笔涂鸦。可使用泛化的小火箭、星星、闪电、工具箱等装饰，但不要变成主体。
- **信息密度**：适合 1 个主标题、1 个核心节点、3 到 5 个外围模块，每个模块 1 到 3 条短文字。信息要像讲师现场板书，不像密集海报。
- **避免项**：不要复制参考图原文、水印、账号名、品牌 Logo、专有角色或可识别素材；不要写实摄影、赛博朋克、3D 渲染、霓虹光效、复杂渐变、密集小字、长段落。

## Core Workflow

### Step 1: 提炼内容

把用户输入压缩成适合黑板架构图表达的信息：

- 一个 8 到 18 字中文标题，概括核心判断。
- 一个中心节点，说明真正的核心机制、系统或方法。
- 左侧 1 到 2 个模块，表示表层做法、问题、输入、触达方式或旧路径。
- 右侧 1 到 2 个模块，表示真正路径、输出、工作流、目标或新路径。
- 顶部 1 个机制节点，可表示长期记忆、沉淀、策略、原则或来源。
- 底部 1 个支撑节点，可表示审查、反馈、知识库、闭环优化或版本迭代。

如果用户给的是长文，不要直接搬运原文；先改写成短标签和模块关系。

### Step 2: 套用版式

优先使用默认结构：

- 顶部居中标题 + 白色粉笔下划线。
- 中心白色手绘圆角矩形，承载核心概念。
- 左侧白色大框，内部 1 到 2 个浅蓝小框，表示问题侧或输入侧。
- 右侧淡红大框，内部 1 到 2 个浅蓝小框，表示解法侧或输出侧。
- 顶部浅蓝云朵框，用箭头指向中心。
- 底部白色支撑框，用箭头指向中心。

也可以根据内容轻微变化为横向流程、上下分层或闭环循环，但必须保留黑板粉笔、手绘框线、箭头汇聚和课堂讲解感。

### Step 3: 组织 imagegen 提示词

提示词按这个顺序写：

1. 明确图片类型和比例：16:9 横版 PPT 信息图，黑板粉笔手绘技术架构图风格。
2. 描述视觉风格：深黑灰黑板、木质相框、粉笔擦痕、手绘框线、轻微抖动。
3. 描述主题和结构：标题、中心节点、左侧模块、右侧模块、顶部机制、底部支撑。
4. 描述文字规则：中文短标签、粉笔手写字、少量文字、清晰可读。
5. 加负面约束：不要水印、不要账号名、不要真实 Logo、不要复制参考图文案、不要密集小字、不要遮挡。

### Step 4: 调用 imagegen

- 用户明确要“生成图片 / 直接出图 / 画一张 / 配一张图 / PPT 图 / 演示页”时，使用最终提示词调用 `image_gen`。
- 如果用户只要提示词，只输出完整提示词。
- 生成系列图时，保持同一套黑板背景、木框、粉笔色彩、线条粗细、文字层级和模块密度。

## Prompt Template

```text
请生成一张 16:9 横版 PPT 信息图，风格为黑板粉笔手绘技术架构图。

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

画面结构：中心放射 + 左右分区。顶部居中大标题，标题下方有一条白色粉笔下划线；中间是核心节点；左侧是问题侧、输入侧或旧方式；右侧是解法侧、输出侧或新方式；顶部云朵节点表示长期机制或来源；底部节点表示支撑机制或闭环优化。

主要内容：
- 中心节点：[核心概念，短句]
- 左侧标题：[左侧分区标题]
- 左侧模块 1：[短标签]
- 左侧模块 2：[短标签，可选]
- 右侧标题：[右侧分区标题]
- 右侧模块 1：[短标签]
- 右侧模块 2：[短标签，可选]
- 顶部云朵节点：[短标签，可选]
- 底部支撑节点：[短标签，可选，最多 2 条 bullet]

视觉要求：深黑灰真实黑板背景，带粉笔擦痕、颗粒感和轻微使用痕迹，外圈木质相框；白色粉笔为主文字和主描边，浅蓝用于模块框和箭头，黄色用于重点标题，少量淡红用于右侧强调框；所有线框、箭头、下划线都像手绘粉笔，边缘有轻微抖动；可以加入少量泛化粉笔涂鸦装饰，如小火箭、星星、闪电或工具箱，但不能抢占主体。

文字要求：中文短标签，仿中文粉笔手写字体，标题和模块文字必须清晰可读；不要长段落，不要密集小字。

限制：不要水印；不要账号名；不要真实 Logo；不要复制参考图完整文案；不要真实人物；不要写实摄影；不要赛博朋克；不要 3D 渲染；不要霓虹光效；不要复杂渐变；不要让文字、箭头和框线互相遮挡。图片比例必须是 16:9。
```

## 出图规则

- 用户明确要“生成图片 / 直接出图 / 画一张 / 配图 / PPT 图 / 演示页”时，必须调用 `image_gen`。
- 调用前可以简短说明将使用黑板粉笔手绘技术架构图风格，但不要长篇解释设计过程。
- 如果用户没有给具体主题，先基于上下文推断；确实无法推断时，再问一个简短问题。
- 不要把用户提供的长文完整塞进图里，必须先压缩成标题、模块、节点和短标签。

## Do / Don't

**Do**

- 用中心节点、左右分区、云朵机制、底部支撑和箭头汇聚承载逻辑。
- 保持黑板、粉笔、手绘线条、课堂讲解和技术架构图气质。
- 让黄色只强调关键标题，让浅蓝承担模块框和连接线。
- 保证中文文字少、清楚、可读。

**Don't**

- 不要复刻水印、账号名、Logo 或参考图完整文案。
- 不要做成纯黑海报、复杂科技 KV、写实照片或 3D 场景。
- 不要堆太多模块、箭头、装饰和说明文字。
- 不要让装饰涂鸦比信息结构更显眼。