Baoyu Infographic（寶玉信息圖）

生成具有 21 種佈局類型和 21 種視覺風格的專業信息圖。分析內容，推薦佈局×風格組合，並生成可發佈的信息圖。當用戶要求創建“infographic”、“visual summary”、“信息圖”、“可視化”或“高密度信息大圖”時使用。

技能元數據


來源	Bundled（默認安裝）
路徑	`skills/creative/baoyu-infographic`
版本	`1.56.1`
作者	寶玉 (JimLiu)
許可證	MIT
標籤	`infographic`, `visual-summary`, `creative`, `image-generation`

參考：完整 SKILL.md

信息

以下是 Hermes 在觸發此技能時加載的完整技能定義。這是技能激活時代理所看到的指令。

信息圖生成器

改編自 baoyu-infographic，用於 Hermes Agent 的工具生態系統。

兩個維度：佈局（信息結構）× 風格（視覺美學）。任意佈局與任意風格自由組合。

何時使用

當用戶要求創建信息圖、視覺摘要、信息圖形，或使用“信息圖”、“可視化”或“高密度信息大圖”等術語時，觸發此技能。用戶提供內容（文本、文件路徑、URL 或主題），並可選擇指定佈局、風格、縱橫比或語言。

選項

選項	值
佈局 (Layout)	21 種選項（參見佈局畫廊），默認：bento-grid
風格 (Style)	21 種選項（參見風格畫廊），默認：craft-handmade
縱橫比 (Aspect)	命名：landscape (16:9)、portrait (9:16)、square (1:1)。自定義：任意 W:H 比例（例如 3:4、4:3、2.35:1）
語言 (Language)	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`	復古科學、 sepia 色調
`corporate-memphis`	扁平矢量、鮮豔色彩
`technical-schematic`	藍圖、工程製圖
`origami`	摺紙、幾何形狀
`pixel-art`	復古 8-bit
`ui-wireframe`	灰度界面模型
`subway-map`	交通圖
`ikea-manual`	極簡線條藝術
`knolling`	有序平鋪擺放
`lego-brick`	玩具積木構建
`pop-laboratory`	藍圖網格、座標標記、實驗室精度
`morandi-journal`	手繪塗鴉、溫暖莫蘭迪色調
`retro-pop-grid`	1970 年代復古波普藝術、瑞士網格、粗輪廓
`hand-drawn-edu`	馬卡龍柔和色調、手繪抖動感、火柴人

完整定義：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`
教育圖表	`hub-spoke` + `hand-drawn-edu`
流程教程	`linear-progression` + `hand-drawn-edu`

關鍵詞快捷方式

當用戶輸入包含這些關鍵詞時，自動選擇關聯的佈局，並在第 3 步中將關聯的樣式作為首選推薦。對於匹配的關鍵詞，跳過基於內容的佈局推斷。

如果快捷方式包含 Prompt Notes（提示備註），請將其作為附加樣式指令追加到生成的提示中（第 5 步）。

用戶關鍵詞	佈局	推薦樣式	默認縱橫比	提示備註
高密度信息大圖 / high-density-info	`dense-modules`	`morandi-journal`, `pop-laboratory`, `retro-pop-grid`	portrait	—
信息圖 / infographic	`bento-grid`	`craft-handmade`	landscape	極簡主義：乾淨的畫布，充足的留白，無複雜的背景紋理。僅使用簡單的卡通元素和圖標。

輸出結構

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

Slug：從主題中提取 2-4 個單詞的 kebab-case 格式。衝突處理：追加 -YYYYMMDD-HHMMSS。

核心原則

忠實保留源數據——不進行總結或重述（但在包含在輸出之前，剝離任何憑據、API 密鑰、令牌或機密信息）
在構建內容結構之前定義學習目標
為視覺傳達構建結構（標題、標籤、視覺元素）

工作流

第 1 步：分析內容

加載參考：讀取此技能中的 references/analysis-framework.md。

保存源內容（文件路徑或粘貼 → 使用 write_file 寫入 source.md）
- 備份規則：如果 source.md 存在，重命名為 source-backup-YYYYMMDD-HHMMSS.md
分析：主題、數據類型、複雜度、語氣、受眾
檢測源語言和用戶語言
從用戶輸入中提取設計指令
將分析結果保存到 analysis.md
- 備份規則：如果 analysis.md 存在，重命名為 analysis-backup-YYYYMMDD-HHMMSS.md

詳細格式請參閱 references/analysis-framework.md。

第 2 步：生成結構化內容 → `structured-content.md`

將內容轉換為信息圖結構：

標題和學習目標
章節包含：關鍵概念、內容（逐字記錄）、視覺元素、文本標籤
數據點（所有統計數據/引用均精確複製）
來自用戶的設計指令

規則：僅使用 Markdown。不添加新信息。忠實保留數據。從輸出中剝離任何憑據或機密信息。

詳細格式請參閱 references/structured-content-template.md。

3.1 首先檢查關鍵詞快捷方式：如果用戶輸入與 Keyword Shortcuts 表中的關鍵詞匹配，則自動選擇關聯的佈局，並將關聯的樣式作為首選推薦優先展示。跳過基於內容的佈局推斷。

3.2 否則，基於以下因素推薦 3-5 種佈局×樣式組合：

數據結構 → 匹配佈局
內容語氣 → 匹配樣式
受眾期望
用戶設計指令

第 4 步：確認選項

使用 clarify 工具與用戶確認選項。由於 clarify 一次只處理一個問題，請先詢問最重要的問題：

Q1 — 組合：展示 3 種以上的佈局×樣式組合及其理由。請用戶選擇一種。

Q2 — 縱橫比：詢問縱橫比偏好（橫向/縱向/正方形或自定義 W:H）。

Q3 — 語言（僅在源語言 ≠ 用戶語言時）：詢問文本內容應使用哪種語言。

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

備份規則：如果 prompts/infographic.md 存在，重命名為 prompts/infographic-backup-YYYYMMDD-HHMMSS.md

加載參考：從 references/layouts/<layout>.md 讀取選定的佈局，從 references/styles/<style>.md 讀取選定的樣式。

組合：

來自 references/layouts/<layout>.md 的佈局定義
來自 references/styles/<style>.md 的樣式定義
來自 references/base-prompt.md 的基礎模板
來自第 2 步的結構化內容
所有文本均使用確認的語言

{{ASPECT_RATIO}} 的縱橫比解析：

命名預設 → 比率字符串：landscape→16:9，portrait→9:16，square→1:1
自定義 W:H 比率 → 原樣使用（例如 3:4，4:3，2.35:1）

使用 write_file 將組裝好的提示保存到 prompts/infographic.md。

第 6 步：生成圖像

使用第 5 步中組裝好的提示，調用 image_generate 工具。

將縱橫比映射到 image_generate 的格式：16:9 → landscape，9:16 → portrait，1:1 → square
對於自定義比率，選擇最接近的命名縱橫比
如果失敗，自動重試一次
將生成的圖像 URL/路徑保存到輸出目錄

第 7 步：輸出摘要

報告：主題、佈局、樣式、縱橫比、語言、輸出路徑、創建的文件。

參考

references/analysis-framework.md — 分析方法論
references/structured-content-template.md — 內容格式
references/base-prompt.md — 提示模板
references/layouts/<layout>.md — 21 種佈局定義
references/styles/<style>.md — 21 種樣式定義

常見陷阱

數據完整性至關重要 — 切勿總結、轉述或更改源統計數據。“73% increase”必須保持為“73% increase”，而非“significant increase”。
清除敏感信息 — 在將任何內容包含到輸出文件之前，務必掃描源內容中是否含有 API 密鑰、令牌或憑證。
每個部分僅傳達一條信息 — 每個信息圖部分應傳達一個清晰的概念。過載的內容會降低可讀性。
風格一致性 — 參考文件中的樣式定義必須在整個信息圖中一致應用。不要混合使用不同風格。
image_generate 縱橫比 — 該工具僅支持 landscape（橫向）、portrait（縱向）和 square（方形）。自定義比例（如 3:4）應映射到最接近的選項（在此情況下為 portrait）。

技能元數據​

參考：完整 SKILL.md​

信息圖生成器

何時使用​

選項​

佈局畫廊​

風格畫廊​

推薦組合​

關鍵詞快捷方式​

輸出結構​

核心原則​

工作流​

第 1 步：分析內容​

第 2 步：生成結構化內容 → structured-content.md​

第 3 步：推薦組合​

第 4 步：確認選項​

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

第 6 步：生成圖像​

第 7 步：輸出摘要​

參考​

常見陷阱​