<!-- title: 拆宝玉信息图：441瘦成340 -->

# 拆宝玉信息图：441瘦成340——五月门牌与九月正本的开箱对账

## 概述

本期回到本栏的定期拆解线，对象是一件「老熟人新开箱」：宝玉（JimLiu）的 baoyu-infographic，信息图生成件。它在 5 月 18 日的横评里拿过全场第二高分（4.7），但那次是门牌级评分，正文一行没读。本轮在线通道未放行，好在正文本机就有——调用加载，逐段读完。核心发现有三：**其一，五月档案写的「21 种布局 × 21 种风格 = 441 种组合」对不上账，本机正本是 20×17=340**；其二，它真正值钱的不是风格数量，而是一条全文件化的中间产物链——七步工序步步落盘、旧件必备份；其三，它把「数据保真」写成了合同条款，原文原句禁止改写，是本栏至今拆到的反幻觉工程化最彻底的一件。成片未实测，实战分按机制口径给，星级见表。

## 一、开箱先对账：441 是怎么瘦成 340 的

五月档案的原话是「支持 21 种布局类型和 21 种视觉风格的双维度组合——理论上可以生成 441 种」。这回把正本铺开，货架标签写得清清楚楚：Options 表里 `--layout` 一栏标着 **20 options，default: bento-grid**；`--style` 一栏标着 **17 options，default: craft-handmade**。两张 Gallery 表逐行数过：布局表恰好 20 行，从 linear-progression（时间线）到 circular-flow（循环流）；风格表恰好 17 行，从 craft-handmade（手作纸艺）到 lego-brick（乐高积木）。20 乘 17，340。

差的这 101 种组合从哪来的，本轮给不出答案——是五月档案当年数错了，还是四个月里版本收编砍了货架，**未经官方证实**，两种成因都成立。但这件事的方法论含义比数字本身大：**门牌上的乘法是要开箱验的**。本栏上周拆 pdfcn 时还自嘲「出镜十一期，开箱零次」，这一期算是把欠的账还了一件。

顺带对掉第二笔：五月档案说它「生成 HTML 信息图表」——错。正本的 Output Structure 里落地产物是 `infographic.png`，一张位图；HTML 从头到尾不存在。它也不是五月描述的「分析→推荐→生成」三段式，而是七步流水线。门牌与正本的落差，比星数波动值得记。

## 二、正文逐段拆：一张货架目录怎么写成

加载进来的正文自 H1 标题「Infographic Generator」起（调用通道未随文带出 YAML 门牌，frontmatter 里的触发描述是本次拆解唯一够不着的部分，照实声明）。全文的结构是：一句定纲 → 用法块 → 选项表 → 两张 Gallery → 预设组合表 → 产物目录 → 核心原则 → 七步工作流 → 参考图纸清单。逐段说。

### 2.1 开篇与用法块：触发面写在第一屏

正文第一句就把全件的设计哲学钉死：

> Two dimensions: **layout** (information structure) × **style** (visual aesthetics). Freely combine any layout with any style.

两个正交维度、自由组合——这句话是整件的地基，后面的所有货架都是它的展开。紧接着的 Usage 块给的是斜杠命令用法：

```bash
/baoyu-infographic path/to/content.md
/baoyu-infographic path/to/content.md --layout hierarchical-layers --style technical-schematic
/baoyu-infographic path/to/content.md --aspect portrait --lang zh
```

值得学的是**默认值的给法**：不写参数就是 bento-grid 加 craft-handmade，多数人一路回车也能出货；想挑的人再从表里点。触发设计上它走的是「命令行审美」——选项全用 `--flag` 传，而不是让用户用自然语言描述「我想要个时间线」：把高频决策收敛成枚举值，是挡住自由发挥出废片的第一道闸。

### 2.2 两张 Gallery：主文件当货架，仓库里放图纸

Layout Gallery 和 Style Gallery 各是一张两列表格：左列英文标识符，右列一句话「Best For」——`iceberg` 对「Surface vs hidden aspects」，`funnel` 对「Conversion, filtering」。每行不超过一行，全部 37 个条目读下来不费一个屏幕。

而完整定义一个都不在正文里。每个布局、每种风格的详细图纸全部下沉到 `references/layouts/<layout>.md` 和 `references/styles/<style>.md`，正文只留货架标签。这就是渐进式披露的标准写法：**Agent 平时只把目录装进上下文，选中哪张卡才去读哪张图纸**——上下文窗口的钱花在刀刃上。对照上周拆过的 canvas-design「不带脚本带字体」，baoyu 这件是「不带脚本带图纸」：两者都不靠代码撑门面，靠的是资产组织。

### 2.3 预设组合表：给选择困难症的标准答案

340 种自由对人类是负担，所以正文直接给了 12 条 Recommended Combinations：时间线配手作纸艺、对比图配 corporate-memphis、技术拆解配 technical-schematic、转化漏斗配 corporate-memphis……表尾再重申一次默认组合。这是把「自由度」和「开箱即用」焊在一起的第二道设计：**矩阵管长尾，预设管大众**。对照件横评里常批的「选项爆炸型 Skill」，病根就在缺这张表。

### 2.4 产物目录与备份纪律

Output Structure 段定义了每次运行的落盘形态：

```
infographic/{topic-slug}/
├── source-{slug}.{ext}
├── analysis.md
├── structured-content.md
├── prompts/infographic.md
└── infographic.png
```

slug 取主题的 2-4 个词、kebab-case，撞名追加 `-YYYYMMDD-HHMMSS` 时间戳。更重要的是贯穿全篇的**备份规则**：源文件、分析稿、结构化稿、出题纸、成片——每一步覆写旧件前，一律改名成 `xxx-backup-YYYYMMDD-HHMMSS` 留底。五个环节五处备份，一处不漏。这条纪律的本体是「可重跑」：改个风格重出一版，上一版不会丢；跑砸了能沿着中间稿逐步回看是哪一步走样。多数 Skill 只管产出，不管现场保护，这是差距所在。

### 2.5 核心原则：把反幻觉写进合同

Core Principles 一共三条，头一条是全文最硬的一句：

> Preserve all source data **verbatim**—no summarization or rephrasing

配在 Step 2 的三条规则上：Markdown only、No new information、All data verbatim。翻译过来：**只许搬运，不许创作；数字和引语必须原样**。信息图的常见翻车方式就是「为了让图好看顺手四舍五入」，这一件把这条路在合同层面焊死了。本栏每天执行的反幻觉条款，在这件 Skill 里被作者工程化成了管线的一环——这是全文最值得抄进自己 Skill 的一段。第二条「先定学习目标再结构化内容」则是教学法底色：它默认产出物是给人看的教材，不是装饰画。

### 2.6 七步工作流：步步落盘，一轮问询

```mermaid
flowchart TD
    A["读内容与偏好<br/>EXTEND.md"] --> B["分析落盘<br/>analysis.md"]
    B --> C["结构化改写<br/>只搬运不创作"]
    C --> D["推荐3到5组<br/>布局乘风格"]
    D --> E["一轮问询<br/>组合画幅语言"]
    E --> F["组装出题纸<br/>prompts文件"]
    F --> G["委托图像技能<br/>出png成片"]
    G --> H["第七步<br/>汇报清单收尾"]
```

三个细节值得点名。**其一，偏好分级**：Step 1.1 先查项目级 `.baoyu-skills/baoyu-infographic/EXTEND.md`，再查用户级 `$HOME/.baoyu-skills/...`——常 用风格、默认画幅、语言偏好可以固化，还支持自定义风格定义，340 的矩阵理论上能继续长。**其二，问询经济学**：Step 4 原文写着「Do NOT split into separate AskUserQuestion calls」，组合、画幅、语言三件事必须打包进**一次**问询——把打断用户的次数压到一轮，这是替使用者省注意力的写法。**其三，失败处理**：Step 6 生成失败自动重试一次，多一次都不赌；同时它自己不画图，只负责把布局定义、风格定义、基础模板、结构化内容四样拼成出题纸，委托给「可用的图像生成技能」——本体职责最小化，画图的活外包给邻居。

### 2.7 图纸层：42 张 md，零脚本

```mermaid
flowchart TD
    S["SKILL.md<br/>主文件当货架"] --> L["layouts图纸<br/>选中才读"]
    S --> T["styles图纸<br/>选中才读"]
    S --> P["base-prompt<br/>出题模板"]
    L --> F["出题纸<br/>四合一"]
    T --> F
    P --> F
    F --> G["图像生成技能<br/>邻屋出片"]
```

正文点名的参考图纸共 42 个 markdown 文件：20 张布局卡、17 张风格卡，加 analysis-framework、structured-content-template、base-prompt，再加 config 目录里两份配置文档。**42 个文件全部是 md，没有一个脚本**。它不渲染、不调 API、不碰像素——整件的本质是一台「出题器」：把结构化好的内容和美学约束拼成一张精确的题目，交给真正的图像模型去答。这也埋了它的天花板：成片质量的上限不在 Skill 手里，在它挂到的图像生成模型手里。

## 三、交付层光谱：它和最近拆过的三件不是一层货

把近两周拆过的创意出片件摆在一条线上看，四件各占了交付层的一格：

- **baoyu-infographic**：位图托管。出 png，管线管到出题纸为止，像素交给外部模型；
- **canvas-design**（官方，4.44）：字体资产整包。带 29 族字体和 OFL 授权文本，产出的是排版可控的设计件；
- **holo-card-studio**（3.45）：3D 工程件。Python 加 Blender，产出可编辑的源工程文件；
- **pdfcn**（3.75）：零件层。干脆不出成品，出的是可组合的 PDF 排版组件。

同一张「出图」的皮，四种交付深度。baoyu 选了最轻的一层，代价是文字排版精度失控（见下文不适用场景）；换来的是零依赖、零脚本、跨平台通吃。**轻不是罪，但要清醒知道自己轻在哪**——这是四件同台最该带走的判断。

## 四、评测对比表

权重沿用本栏固定口径：功能 25%、设计 25%、实战 20%、上手 15%（星级越高越容易）、社区 15%。对照件分数照录各期档案，口径已在表下注明，不做跨口径排名。

| 件 | 功能 | 设计 | 实战 | 上手 | 社区 | 加权 |
|---|:---:|:---:|:---:|:---:|:---:|:---:|
| baoyu-infographic（本期本拆） | ★★★★★ | ★★★★★ | ★★★（成片待验证） | ★★★★★ | ★★★★★ | **4.60** |
| canvas-design（09-21 专拆口径） | 4.5 | 4.5 | 4.2 | 4.5 | 4.5 | **4.44** |
| brand-guidelines（09-21 对照口径） | 4.0 | 4.2 | 3.5 | 4.8 | 4.3 | **4.12** |
| pdfcn（09-21 开箱口径） | ★★★★ | ★★★★★ | ★★（待验证） | ★★★★★ | ★★★★ | **3.75** |
| holo-card-studio（09-21 描述级口径） | ★★★★ | ★★★★ | ★★（待验证） | ★★★ | ★★★★ | **3.45** |

> 评分说明：设计五星押在矩阵解耦、渐进披露、问询经济学三处——是本栏拆件以来工程完备度最高的正文；实战三星是诚实口径，机制已逐段核实，但本轮未生成成片，图像模型的中文文字渲染风险未实测；社区五星照录 5 月档案「17K+（全家桶）」的口径，本轮未能在线复核最新星数。

## 五、安装与使用

```bash
# 全家桶仓库（路径照录自本站 5 月档案，实时状态以 GitHub 为准）
git clone https://github.com/JimLiu/baoyu-skills

# 或按本栏惯用 CLI 口径单件安装
npx skills add @JimLiu/baoyu-infographic

# 检索同类
npx skills find "infographic"
```

典型用法（选项全部可省，省略即走默认组合）：

```bash
/baoyu-infographic content.md --layout iceberg --style aged-academia --aspect portrait --lang zh
```

配套件 baoyu-xhs-images 同仓，负责把内容拆成 1-10 张的社媒图片流，与主件构成「单图 + 图集」两条出片线。

## 六、适用与不适用

**适用**：
- 多要点科普、教程步骤、概念对比类内容的单图化——20 张布局卡基本覆盖了信息结构的常见形态；
- 中文自媒体的配图产线——`--lang zh` 明写进选项，5 月档案说的「对接中文创作者刚需」在正本里是成立的；
- 数据敏感的场合——verbatim 铁律保证图里的数字就是稿子里的数字；
- 需要反复改稿重跑的产线——备份纪律让每一版都留底。

**不适用**：
- 文字精度要求高的图——成片是图像模型画的位图，中文长标签、小字注释的错字风险真实存在，正式出版物慎用；
- 要二次编辑的场合——png 不可拆，想改一个色块得整张重跑，要可编辑工程件请移步 holo-card-studio 一类；
- 严格品牌 VI 约束——它的 17 种风格是自由创作工具箱，企业受控场景该走 brand-guidelines 路线；
- 照片级真实感——17 种风格全部是插画/图形向，写实不在货架上。

## 七、推荐排行榜

- **SKILL.md 设计教科书**：baoyu-infographic——矩阵解耦、渐进披露、单轮问询、备份纪律、反幻觉合同，五招全是可直接抄的成品
- **五月到现在对账榜**：441 → 340，缩水 101 种；「生成 HTML」 → 「出 png」，交付物改判——档案错误两处，全部认账
- **上手榜**：默认组合开箱即出片，一条命令零配置，同批对照件里与 pdfcn 并列最易
- **交付最轻榜**：零脚本、零依赖、零渲染，四个出片件里它最轻
- **最需要补的实证**：挂上图像生成技能跑三组成片，验中文文字渲染——这是 4.60 分里实战三星能不能涨的全部变量

## 本期核心发现

1. **门牌乘法要开箱验。** 五月档案的 441 对不上正本的 340，「生成 HTML」实为出 png——两处改错提醒所有评测者：描述级评分的保质期以版本迭代为限，回访开箱是必须的固定动作。
2. **中间产物链是被低估的护城河。** 七步工序五个落盘件、五处时间戳备份，让这件 Skill 可断点续跑、可审计、可回滚——多数 Skill 死于「跑砸了不知道砸在哪一步」，它从结构上免疫这个病。
3. **反幻觉可以被工程化。** 「verbatim、不改写、不加新信息」从口号变成管线条款，本栏的反幻觉守则在这件 Skill 里找到了同构物——Skill 作者与内容作者面对的是同一个敌人。
4. **出题器架构是轻量件的正解。** 本体只负责把题目出准，像素外包给图像模型，职责最小化换来零脚本零依赖——代价是文字精度失控，轻重之间的取舍比轻重本身更值得学。

## 参考来源

1. 本机 baoyu-infographic 安装目录 SKILL.md 正本（斜杠命令调用加载，全文逐段核对）— 本文结构拆解与全部引文的第一手依据
2. [JimLiu/baoyu-skills](https://github.com/JimLiu/baoyu-skills) — 全家桶上游仓库（路径照录自本站 5 月档案，本轮未在线复核）
3. [往期：前端设计类Skills深度评测（2026-05-18）](/claude-code/skills-review/2026-05-18-skills-ecosystem-r2-0859.md) — 441 口径、17K+ 星与 4.7 分的档案出处，本期对账对象
4. [往期：拆canvas-design：不带脚本带字体（2026-09-21）](/claude-code/skills-review/2026-09-21-skills-ecosystem-r2-0323.md) — canvas-design 4.44 分与 brand-guidelines 4.12 分的对照出处
5. [往期：爆件第二夜：Compositor没跳水（2026-09-21）](/claude-code/skills-review/2026-09-21-skills-ecosystem-0007.md) — pdfcn 3.75、holo-card-studio 3.45 对照分与本周货架口径出处

> [!tip] 51学通信知识星球
> **星主：爱卫生**（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。
> **星球定位**：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。
> **当前规模**：5200 篇主题 / 990 个回答，198 元/年。
> **加入福利**：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。
> **AI 加持**：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。

![51学通信知识星球海报-扫码加入](https://wiki.500nian.com/images/zhixingqiu_qrcode.png)
