home / skills / lexburner / skill-collection / notion-infographic

notion-infographic skill

/.qoder/skills/notion-infographic

This skill converts articles into a cohesive set of Notion-style hand-drawn infographics for social media sharing and visual storytelling.

npx playbooks add skill lexburner/skill-collection --skill notion-infographic

Review the files below or copy the command above to add this skill to your agents.

Files (1)
SKILL.md
6.2 KB
---
name: notion-infographic-v2
description: "[project] 根据参考文稿批量生成 Notion 风格松弛感手绘信息图组图。当用户需要阅读文档并生成一组社交媒体传播用的信息图时使用此 skill。适用于将文章、笔记转化为视觉化内容系列。"
---

# Notion 信息图生成器 V2

将参考文稿转化为一组风格统一的 Notion 手绘风格信息图,用于社交媒体传播。

## 图片数量规则

**优先级:用户指定 > 文章意图分析 > 字数参考**

### 用户指定
如果用户明确指定了数量(如"生成 5 张"),则按用户要求生成。

### 文章意图分析(核心逻辑)

基于文章内容提炼核心观点,每个独立观点对应一张图:

1. **识别文章主旨** - 文章想要传达什么核心信息?
2. **拆解论点结构** - 有哪些支撑主旨的独立观点?
3. **评估可视化价值** - 每个观点是否适合独立成图?
4. **确定最终张数** - 观点数 + 封面 + 总结(如需要)

**判断标准:**
- 每张图只承载 1 个核心观点
- 观点不足时不强行凑数
- 观点过多时合并相近内容
- **硬上限:不超过 12 张**

### 字数参考(仅供辅助)

| 内容长度 | 通常观点数 | 参考范围 |
|----------|-----------|----------|
| 短文(<500字) | 2-4 个 | 3-5 张 |
| 中文(500-1500字) | 4-7 个 | 5-8 张 |
| 长文(>1500字) | 6-10 个 | 8-12 张 |

**注意:字数仅作为辅助参考,最终张数以文章意图分析结果为准。**

---

## 工作流程

### Step 1: 分析文章意图,确定张数

1. 阅读用户指定的文稿
2. 识别文章主旨和核心信息
3. 拆解独立观点,评估可视化价值
4. 确定生图张数(上限 12 张)
5. 如用户指定张数,以用户为准

### Step 2: 规划组图结构

```
第1张:标题封面图(主题 + 核心价值主张)
第2至N-1张:内容图(每张一个核心观点)
第N张:总结/行动号召图
```

### Step 3: 生成提示词

每张图的提示词必须包含以下结构:

```
[风格前缀] + [内容描述] + [风格后缀]
```

### Step 4: 调用 imageGen

为每个信息点调用 imageGen 工具生成图片。

---

## 核心风格提示词模板

**每张图的提示词都必须包含完整的风格描述,不可省略或简化任何细节:**

### 风格前缀(每张图必须完整包含)

```
Notion官方插画风格松弛感线稿信息图。

线条特征:
- 纯黄色为主,搭配其他适合的颜色
- 线条粗细不均匀,像马克笔随手画的质感
- 笔触松弛、略带抖动,不追求工整
- 所有图标、人物、图表都保持手绘涂鸦感
- 少部份地方填充黑色让整体压实

人物画法(如需要):
- 简笔画风格:女孩,短发,圆润的头、点或线表示五官
- 肢体夸张、动作松弛自然
- 可以是完整人物或只露出局部(手、上半身)
```

### 风格后缀(每张图必须完整包含)

```
禁止事项(严格执行):
- 不要彩色渐变或复杂配色
- 不要粗黑边框或生硬分隔线
- 不要3D效果、阴影、立体感
- 不要密集文字堆砌,文字内容简化
- 保持大量留白和呼吸感
- 装饰元素要克制,不要太多

输出规范:
- 图片比例16:9
- 中文标注
- 直接生成,不需要解释
```

### 完整提示词组装示例

```
Notion官方插画风格松弛感线稿信息图。线条特征:纯黄色为主,搭配其他适合的颜色。线条粗细不均匀,像马克笔随手画的质感。笔触松弛、略带抖动,不追求工整。所有图标、人物、图表都保持手绘涂鸦感。少部份地方填充黑色让整体压实。人物画法:简笔画风格女孩,短发,圆润的头、点或线表示五官,肢体夸张、动作松弛自然,可以是完整人物或只露出局部。

[内容描述区域 - 根据具体信息点填写,如:]
一个困惑的人被漂浮的AI热词包围,如"提示词过时了"和"程序员被淘汰",头顶飘着问号。两侧有喇叭在广播相互矛盾的信息,这个人在噪音中试图抓住清晰的方向。

禁止事项:不要彩色渐变或复杂配色。不要粗黑边框或生硬分隔线。不要3D效果、阴影、立体感。不要密集文字堆砌,文字内容简化。保持大量留白和呼吸感。装饰元素要克制。图片比例16:9,中文标注。
```

---

## 多图一致性保障

### 硬性约束(不可修改)

1. **风格前缀和后缀完整保留** - 每张图必须包含完全相同的风格描述,不可省略任何细节
2. **线条特征锁定** - 纯黄色主色、马克笔质感、略带抖动的松弛笔触
3. **人物形象统一** - 短发女孩、圆润头部、点/线五官、夸张肢体、松弛动作
4. **配色方案锁定** - 主色纯黄色 + 黑色压实,不随内容变化
5. **禁止元素全局生效** - 所有图都不能出现:渐变、粗黑边框、硬分隔线、3D、阴影、密集文字

### 内容差异化

- 仅通过 `[内容描述]` 部分体现每张图的独特信息
- 内容描述应简洁、视觉化,适合转化为图像
- 保持大量留白和呼吸感

---

## 输出规范

- 图片数量:基于文章意图自适应,或用户指定(上限 12 张)
- 语言:中文
- 比例:16:9
- 命名建议:`infographic-01.png`, `infographic-02.png`...

---

## 使用示例

### 示例1:自适应张数
**用户输入:**
> 阅读 docs/ai-myths.md,使用 notion-infographic-v2 skill 生成一组信息图

**执行:**
1. 读取文稿,分析内容复杂度
2. 提取 N 个核心观点(根据内容自动决定)
3. 生成 N 张信息图

### 示例2:用户指定张数
**用户输入:**
> 阅读 docs/ai-myths.md,生成 5 张信息图

**执行:**
1. 读取文稿
2. 提取 5 个最核心的观点(用户指定优先)
3. 生成 5 张信息图

---

## 禁止事项

- 不要省略或简化风格前缀/后缀中的任何细节
- 不要在单张图中堆砌多个信息点
- 不要使用彩色渐变或复杂配色
- 不要使用粗黑边框或生硬分隔线
- 不要生成 3D 效果、阴影或立体感
- 不要密集堆砌文字,文字内容需简化
- 不要过度装饰,装饰元素要克制
- 必须保持大量留白和呼吸感

Overview

This skill converts reference documents into a cohesive set of Notion-style, hand-drawn relaxed infographics for social media. It analyzes article intent to extract core points, decides an appropriate image count (or follows user-specified count), and produces consistent 16:9 images following a strict visual template. The output is optimized for clarity, white space, and a casual hand-drawn aesthetic.

How this skill works

The skill reads the provided document, identifies the main thesis and independent supporting points, and evaluates each point’s visual suitability. It determines the number of images using user instructions, intent analysis, and a safe cap of 12 images. For each image it generates a complete prompt combining a required style prefix, a concise content description, and a mandatory style suffix, then calls imageGen to produce the 16:9 PNGs.

When to use it

  • Turn articles, notes, or reports into a shareable infographic series for social media.
  • Create a visual summary of long-form content to boost engagement and clarity.
  • Produce a quick visual toolkit for presenters or social posts when you need consistent branding.
  • When you want Notion-style, hand-drawn visuals with strong white space and a casual look.
  • If you need a fixed number of images, specify the count and the skill will prioritize your request.

Best practices

  • Provide the source text or a clear excerpt so the skill can extract distinct core points.
  • If you need a specific number of cards, state it explicitly (skill will respect user-specified count up to 12).
  • Keep each core idea focused and short—one visual idea per image yields best results.
  • Review extracted points before generation to merge or split ideas if needed.
  • Provide optional notes for tone or key terms to appear as short Chinese labels.

Example use cases

  • Convert a 1,200-word blog post into a 6-card infographic series summarizing the main arguments.
  • Generate 5 social media cards from meeting notes to share key takeaways with a team.
  • Create a title cover, 4 content cards, and a CTA summary for a newsletter visual pack.
  • Turn a short how-to article into 3–4 step-by-step visuals for Instagram or WeChat.
  • Produce a consistent image set for a campaign using the locked Notion hand-drawn style.

FAQ

Can I force a specific number of images?

Yes. User-specified counts take priority and will be used up to the hard limit of 12 images.

What visual constraints are enforced across all images?

Every image must keep the same style prefix and suffix: yellow-dominant, marker-like uneven lines, hand-drawn characters, large white space, no gradients, no heavy borders, no 3D/shadows, and Chinese labels in 16:9.