tuzi-infographic

信息图生成器

两个维度：布局（信息结构）× 风格（视觉美学）。可自由组合任意布局与任意风格。

用法

/tuzi-infographic path/to/content.md
/tuzi-infographic path/to/content.md --layout hierarchical-layers --style technical-schematic
/tuzi-infographic path/to/content.md --aspect portrait --lang zh
/tuzi-infographic  # then paste content

选项

选项	值
--layout	21 个选项（参见布局图库），默认值：bento-grid
--style	20 个选项（参见风格图库），默认值：craft-handmade
--aspect	landscape（16:9）、portrait（9:16）、square（1:1）
--lang	en、zh、ja 等

布局图库

布局	适用场景
linear-progression	时间线、流程、教程
binary-comparison	A 与 B、前后对比、优缺点
comparison-matrix	多因素对比
hierarchical-layers	金字塔、优先级
tree-branching	类别、分类体系
hub-spoke	中心概念及相关项目
structural-breakdown	分解视图、剖面图
bento-grid	多个主题、概览（默认）
iceberg	表面与隐藏层面
bridge	问题与解决方案
funnel	转化、筛选
isometric-map	空间关系
dashboard	指标、KPI
periodic-table	分类集合
comic-strip	叙事、序列
story-mountain	情节结构、张力曲线
jigsaw	相互关联的部分
venn-diagram	重叠概念
winding-roadmap	旅程、里程碑
circular-flow	循环、重复流程
dense-modules	高密度模块、数据丰富的指南

完整定义：references/layouts/<layout>.md

风格图库

风格	描述
craft-handmade	手绘、纸艺（默认）
claymation	3D 黏土造型、定格动画
kawaii	日式可爱风、柔和色调
storybook-watercolor	柔和水彩、奇幻风格
chalkboard	黑板粉笔画
cyberpunk-neon	霓虹光效、未来主义
bold-graphic	漫画风、半色调
aged-academia	复古科学风、棕褐色调
corporate-memphis	扁平矢量、鲜艳色彩
technical-schematic	蓝图、工程制图
origami	折纸、几何造型
pixel-art	复古 8 位风格
ui-wireframe	灰度界面模型
subway-map	交通线路图
ikea-manual	极简线描
knolling	规整的平铺摆放
lego-brick	玩具积木搭建
pop-laboratory	蓝图网格、坐标标记、实验室般的精准感
morandi-journal	手绘涂鸦、温暖的莫兰迪色调
retro-pop-grid	20 世纪 70 年代复古波普艺术、瑞士网格、粗描边

完整定义：references/styles/<style>.md

推荐组合

内容类型	布局 + 风格
时间线/历史	linear-progression + craft-handmade
分步说明	linear-progression + ikea-manual
A 与 B	binary-comparison + corporate-memphis
层级结构	hierarchical-layers + craft-handmade
重叠关系	venn-diagram + craft-handmade
转化	funnel + corporate-memphis
循环	circular-flow + craft-handmade
技术内容	structural-breakdown + technical-schematic
指标	dashboard + corporate-memphis
教育内容	bento-grid + chalkboard
旅程	winding-roadmap + storybook-watercolor
类别	periodic-table + bold-graphic
产品指南	dense-modules + morandi-journal
技术指南	dense-modules + pop-laboratory
潮流指南	dense-modules + retro-pop-grid

默认值：bento-grid + craft-handmade

关键词快捷方式

当用户输入包含以下关键词时，自动选择关联布局，并在步骤 3 中将关联样式作为首选推荐。对于匹配的关键词，跳过基于内容的布局推断。

如果快捷方式包含提示词备注，请将其作为额外的样式说明附加到生成的提示词（步骤 5）中。

用户关键词	布局	推荐样式	默认纵横比	提示词备注
高密度信息大图 / high-density-info	dense-modules	morandi-journal、pop-laboratory、retro-pop-grid	纵向	—
信息图 / infographic	bento-grid	craft-handmade	横向	极简风格：画布简洁、留白充足、不使用复杂的背景纹理。仅使用简单的卡通元素和图标。

输出结构

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

Slug：根据主题生成 2-4 个词，以 kebab-case 格式书写。冲突时：追加 -YYYYMMDD-HHMMSS。

核心原则

• 逐字保留所有源数据——不做总结或改写
• 在组织内容之前，先定义学习目标
• 围绕视觉传达组织内容（标题、标签、视觉元素）

工作流

步骤 1：设置与分析

1.1 加载偏好设置（EXTEND.md）

使用 Bash 按优先级顺序检查 EXTEND.md 是否存在：

# Check project-level first
test -f .tuzi-skills/tuzi-infographic/EXTEND.md && echo "project"

# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)
test -f "$HOME/.tuzi-skills/tuzi-infographic/EXTEND.md" && echo "user"

┌────────────────────────────────────────────────────┬───────────────────┐ │ 路径 │ 位置 │ ├────────────────────────────────────────────────────┼───────────────────┤ │ .tuzi-skills/tuzi-infographic/EXTEND.md │ 项目目录 │ ├────────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.tuzi-skills/tuzi-infographic/EXTEND.md │ 用户主目录 │ └────────────────────────────────────────────────────┴───────────────────┘

┌───────────┬───────────────────────────────────────────────────────────────────────────┐ │ 结果 │ 操作 │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 找到 │ 阅读、解析并显示摘要 │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 未找到 │ 使用 AskUserQuestion 询问用户（参见 references/config/first-time-setup.md） │ └───────────┴───────────────────────────────────────────────────────────────────────────┘

EXTEND.md 支持：首选布局/样式 | 默认纵横比 | 自定义样式定义 | 语言偏好

Schema：references/config/preferences-schema.md

1.2 分析内容 → analysis.md

1. 保存源内容（文件路径或粘贴内容 → source.md）
   • 备份规则：如果 source.md 已存在，将其重命名为 source-backup-YYYYMMDD-HHMMSS.md
2. 分析：主题、数据类型、复杂度、语气、受众
3. 检测源语言和用户语言
4. 从用户输入中提取设计说明
5. 保存分析结果
   • 备份规则：如果 analysis.md 已存在，将其重命名为 analysis-backup-YYYYMMDD-HHMMSS.md

详细格式请参见 references/analysis-framework.md。

步骤 2：生成结构化内容 → structured-content.md

将内容转换为信息图结构：

1. 标题和学习目标
2. 各部分包括：核心概念、内容（逐字保留）、视觉元素、文本标签
3. 数据点（所有统计数据/引文均须精确复制）
4. 用户提供的设计说明

规则：仅使用 Markdown。不添加新信息。所有数据均须逐字保留。

详细格式请参见 references/structured-content-template.md。

第 3 步：推荐组合

3.1 优先检查关键词快捷方式：如果用户输入与关键词快捷方式表中的某个关键词匹配，则自动选择对应的布局，并将对应的风格优先列为推荐选项。跳过基于内容的布局推断。

3.2 否则，根据以下因素推荐 3-5 个布局×风格组合：

• 数据结构 → 匹配的布局
• 内容基调 → 匹配的风格
• 受众预期
• 用户的设计指示

第 4 步：确认选项

使用单次 AskUserQuestion 调用，通过多个问题一次性确认所有选项：

问题	适用时机	选项
组合	始终	3 个或更多布局×风格组合及其理由
宽高比	始终	横向（16:9）、纵向（9:16）、正方形（1:1）
语言	仅当源语言 ≠ 用户语言时	文本内容的语言

重要：不要拆分为多次 AskUserQuestion 调用。将所有适用的问题合并到一次调用中。

第 5 步：生成提示词 → prompts/infographic.md

备份规则：如果 prompts/infographic.md 已存在，将其重命名为 prompts/infographic-backup-YYYYMMDD-HHMMSS.md

合并以下内容：

1. 来自 references/layouts/<layout>.md 的布局定义
2. 来自 references/styles/<style>.md 的风格定义
3. 来自 references/base-prompt.md 的基础模板
4. 第 2 步的结构化内容
5. 确认语言的所有文本

第 6 步：生成图像

1. 选择可用的图像生成技能（如有多个，询问用户）
2. 检查是否存在文件：生成前检查 infographic.png 是否存在
   • 如果存在：将其重命名为 infographic-backup-YYYYMMDD-HHMMSS.png
3. 使用提示词文件和输出路径进行调用
4. 如果失败，自动重试一次

第 7 步：输出摘要

报告：主题、布局、风格、宽高比、语言、输出路径、创建的文件。

参考资料

• references/analysis-framework.md - 分析方法
• references/structured-content-template.md - 内容格式
• references/base-prompt.md - 提示词模板
• references/layouts/<layout>.md - 21 种布局定义
• references/styles/<style>.md - 20 种风格定义

扩展支持

通过 EXTEND.md 使用自定义配置。路径和支持的选项见第 1.1 步。