{/* Trang này được tạo tự động từ SKILL.md của kỹ năng bởi website/scripts/generate-skill-docs.py. Chỉnh sửa nguồn SKILL.md, không phải trang này. */}

Đồ họa thông tin Baoyu

Đồ họa thông tin: 21 bố cục x 21 kiểu (信息图, 可视化).

Siêu dữ liệu kỹ năng

Nguồn	Đi kèm (được cài đặt theo mặc định)
Đường dẫn

skills/creative/baoyu-infographic ` | | Phiên bản |

1.56.1 ` | | Tác giả | 宝玉 (JimLiu) | | Giấy phép | MIT | | Nền tảng | Linux, macOS, Windows | | Thẻ |

infographic

, `visual-summary

, `creative

, image-generation |

Tham khảo: đầy đủ SKILL.md

thông tin

Sau đây là định nghĩa kỹ năng đầy đủ mà Hermes tải khi kỹ năng này được kích hoạt. Đây là những gì tác nhân coi là hướng dẫn khi kỹ năng được kích hoạt.

Trình tạo đồ họa thông tin

Được chuyển thể từ baoyu-infographic cho hệ sinh thái công cụ của Đại lý Hermes.

Hai chiều: bố cục (cấu trúc thông tin) × phong cách (thẩm mỹ thị giác). Tự do kết hợp bất kỳ bố cục nào với bất kỳ phong cách nào.

Khi nào nên sử dụng

Kích hoạt kỹ năng này khi người dùng yêu cầu tạo đồ họa thông tin, tóm tắt trực quan, đồ họa thông tin hoặc sử dụng các thuật ngữ như "信息图", "可视化" hoặc "高密度信息大图". Người dùng cung cấp nội dung (văn bản, đường dẫn tệp, URL hoặc chủ đề) và tùy ý chỉ định bố cục, kiểu, tỷ lệ khung hình hoặc ngôn ngữ.

Tùy chọn

Tùy chọn	Giá trị
Bố cục	21 tùy chọn (xem Thư viện bố cục), mặc định: bento-grid
Phong cách	21 tùy chọn (xem Thư viện kiểu), mặc định: thủ công
Khía cạnh	Đặt tên: phong cảnh (16:9), chân dung (9:16), hình vuông (1:1). Tùy chỉnh: bất kỳ tỷ lệ W:H nào (ví dụ: 3:4, 4:3, 2,35:1)
Ngôn ngữ	en, zh, ja, v.v.

Thư viện bố cục

Bố cục	Tốt nhất cho
`linear-progression
`	Các mốc thời gian, quy trình, hướng dẫn
`binary-comparison
`	A vs B, trước-sau, ưu điểm
`comparison-Matrix
`	So sánh đa yếu tố
`hierarchical-layers
`	Kim tự tháp, mức độ ưu tiên
`tree-branching
`	Danh mục, phân loại
`hub-spoke
`	Khái niệm trung tâm với các hạng mục liên quan
`structural-breakdown
`	Các góc nhìn bùng nổ, mặt cắt
`bento-grid
`	Nhiều chủ đề, tổng quan (mặc định)
`iceberg
`	Bề mặt và các khía cạnh ẩn giấu
`bridge
`	Vấn đề-giải pháp
`funnel
`	Chuyển đổi, lọc
`isometric-map
`	Mối quan hệ không gian
`dashboard
`	Số liệu, KPI
`periodic-table
`	Bộ sưu tập được phân loại
`comic-strip
`	Tường thuật, trình tự
`story-mountain
`	Cấu trúc cốt truyện, cung căng
`jigsaw
`	Các bộ phận được kết nối với nhau
`venn-diagram
`	Khái niệm chồng chéo
`winding-roadmap
`	Hành trình, cột mốc
`circular-flow
`	Chu kỳ, quy trình định kỳ
`dense-modules
`	Mô-đun mật độ cao, hướng dẫn giàu dữ liệu

Định nghĩa đầy đủ: `references/layouts/<layout.md

Thư viện phong cách

Phong cách	Mô tả
`craft-handmade
`	Vẽ tay, giấy thủ công (mặc định)
`claymation
`	tượng đất sét 3D, chuyển động dừng
`kawaii
`	Nhật Bản dễ thương, phấn màu
`storybook-watercolor
`	Sơn mềm mại, hay thay đổi
`chalkboard
`	Phấn trên bảng đen
`cyberpunk-neon
`	Ánh sáng neon, tương lai
`bold-graphic
`	Phong cách truyện tranh, bán sắc
`aged-academia
`	Khoa học cổ điển, màu nâu đỏ
`corporate-memphis
`	Vector phẳng, sống động
`technical-schematic
`	Kế hoạch chi tiết, kỹ thuật
`origami
`	Giấy gấp, hình học
`pixel-art
`	Cổ điển 8-bit
`ui-wireframe
`	Mô hình giao diện thang độ xám
`subway-map
`	Sơ đồ chuyển tuyến
`ikea-manual
`	Nghệ thuật vẽ đường tối thiểu
`knolling
`	Bố cục phẳng có tổ chức
`lego-brick
`	Đồ chơi xây gạch
`pop-laboratory
`	Lưới bản thiết kế, điểm đánh dấu tọa độ, độ chính xác trong phòng thí nghiệm
`morandi-journal
`	Vẽ nguệch ngoạc bằng tay, tông màu Morandi ấm áp
`retro-pop-grid
`	Nghệ thuật đại chúng cổ điển những năm 1970, lưới Thụy Sĩ, đường viền dày
`hand-drawn-edu
`	Phấn màu Macaron, lắc lư vẽ tay, hình que

Định nghĩa đầy đủ: `references/styles/<style>.md

Kết hợp được đề xuất| Loại nội dung | Bố cục + Phong cách |

|--------------|-------| | Dòng thời gian/Lịch sử |

linear-progression

craft-handmade | | Từng bước |

linear-progression

ikea-manual | | A vs B |

binary-comparison

corporate-memphis | | Hệ thống phân cấp |

hierarchical-layers

craft-handmade | | Chồng chéo |

venn-diagram

craft-handmade | | Chuyển đổi |

funnel

corporate-memphis | | Chu kỳ |

circular-flow

craft-handmade | | Kỹ thuật |

structural-breakdown

technical-schematic | | Số liệu |

dashboard

corporate-memphis | | Giáo dục |

bento-grid

chalkboard | | Hành trình |

winding-roadmap

storybook-watercolor | | Danh mục |

periodic-table

bold-graphic | | Hướng dẫn sản phẩm |

dense-modules

morandi-journal | | Hướng dẫn kỹ thuật |

dense-modules

pop-laboratory | | Hướng dẫn hợp thời trang |

dense-modules

retro-pop-grid | | Sơ đồ giáo dục |

hub-spoke

hand-drawn-edu | | Hướng dẫn quy trình |

linear-progression

hand-drawn-edu |

Mặc định: `bento-grid

`craft-handmade

Phím tắt từ khóa

Khi thông tin nhập của người dùng chứa các từ khóa này, tự động chọn bố cục được liên kết và đưa ra các kiểu liên quan làm đề xuất hàng đầu ở Bước 3. Bỏ qua suy luận bố cục dựa trên nội dung cho các từ khóa phù hợp.

Nếu phím tắt có Ghi chú nhắc, hãy thêm chúng vào lời nhắc được tạo (Bước 5) dưới dạng hướng dẫn kiểu bổ sung.

Từ khóa người dùng	Bố cục	Phong cách được đề xuất	Khía cạnh mặc định	Ghi chú nhắc nhở
高密度信息大图 / thông tin mật độ cao

dense-modules | morandi-journal

, `pop-laboratory

, retro-pop-grid | chân dung | — | | 信息图 / đồ họa thông tin |

bento-grid | craft-handmade ` | phong cảnh | Tối giản: canvas sạch sẽ, khoảng trắng rộng rãi, không có họa tiết nền phức tạp. Chỉ có các yếu tố và biểu tượng hoạt hình đơn giản. |

Cấu trúc đầu ra`<!-- ascii-guard-ignore -->

`

infographic/&#123;topic-slug}/ ├── source-&#123;slug}.&#123;ext} ├── analysis.md ├── structured-content.md ├── prompts/infographic.md └── infographic.png

`

<!-- ascii-guard-ignore-end -->

Slug: 2-4 từ kebab-case từ chủ đề. Xung đột: nối thêm

-YYYYMMDD-HHMMSS

.

Nguyên tắc cốt lõi

• Bảo toàn dữ liệu nguồn một cách trung thực — không tóm tắt hoặc diễn đạt lại (nhưng loại bỏ mọi thông tin xác thực, khóa API, mã thông báo hoặc bí mật trước khi đưa vào đầu ra)
• Xác định mục tiêu học tập trước khi cấu trúc nội dung
• Cấu trúc truyền thông trực quan (tiêu đề, nhãn, yếu tố hình ảnh)

Quy trình làm việc

Bước 1: Phân tích nội dung`Tải tài liệu tham khảo: Đọc

references/analysis-framework.md từ kỹ năng này.

1. Lưu nội dung nguồn (đường dẫn tệp hoặc dán → source.md bằng `write_file

)

• Quy tắc sao lưu: Nếu source.md tồn tại, đổi tên thành `source-backup-YYYYMMDD-HHMMSS.md

2. Phân tích: chủ đề, loại dữ liệu, độ phức tạp, giọng điệu, đối tượng

3. Phát hiện ngôn ngữ nguồn và ngôn ngữ người dùng

4. Trích xuất hướng dẫn thiết kế từ đầu vào của người dùng

5. Lưu phân tích vào `analysis.md

   • Quy tắc sao lưu: Nếu analysis.md tồn tại, đổi tên thành analysis-backup-YYYYMMDD-HHMMSS.md ``Xem references/analysis-framework.md ` để biết định dạng chi tiết.

Bước 2: Tạo nội dung có cấu trúc →

`structured-content.md ``Chuyển đổi nội dung thành cấu trúc đồ họa thông tin:

1. Tiêu đề và mục tiêu học tập
2. Các phần có: ý chính, nội dung (nguyên văn), yếu tố hình ảnh, nhãn văn bản
3. Điểm dữ liệu (tất cả số liệu thống kê/trích dẫn được sao chép chính xác)
4. Hướng dẫn thiết kế từ người dùng`Quy tắc: Chỉ giảm giá. Không có thông tin mới. Bảo quản dữ liệu một cách trung thực. Loại bỏ mọi thông tin xác thực hoặc bí mật khỏi đầu ra.

Xem references/structured-content-template.md để biết định dạng chi tiết.

Bước 3: Đề xuất kết hợp`3.1 Trước tiên hãy kiểm tra Phím tắt từ khóa: Nếu dữ liệu nhập của người dùng khớp với từ khóa từ bảng Phím tắt từ khóa, hãy tự động chọn bố cục được liên kết và ưu tiên các kiểu liên quan làm đề xuất hàng đầu. Bỏ qua suy luận bố cục dựa trên nội dung.

3.2 Nếu không, hãy đề xuất 3-5 cách kết hợp bố cục×kiểu dựa trên:

• Cấu trúc dữ liệu → bố cục phù hợp
• Tông màu nội dung → phong cách phù hợp
• Kỳ vọng của khán giả
• Hướng dẫn thiết kế người dùng

Bước 4: Xác nhận các lựa chọn

Sử dụng công cụ clarify để xác nhận các tùy chọn với người dùng. Vì clarify xử lý từng câu hỏi một, trước tiên hãy hỏi câu hỏi quan trọng nhất:

Q1 — Kết hợp: Trình bày hơn 3 cách kết hợp bố cục×kiểu dáng một cách hợp lý. Yêu cầu người dùng chọn một.

Q2 — Tỷ lệ khung hình: Yêu cầu tùy chọn tỷ lệ khung hình (ngang/dọc/vuông hoặc W:H tùy chỉnh).Q3 — Ngôn ngữ (chỉ khi nguồn ≠ ngôn ngữ của người dùng): Hỏi nội dung văn bản nên sử dụng ngôn ngữ nào.

Bước 5: Tạo lời nhắc →

prompts/infographic.md ``**Quy tắc sao lưu**: Nếu prompts/infographic.md tồn tại, đổi tên thành prompts/infographic-backup-YYYYMMDD-HHMMSS.md ``Tải tài liệu tham khảo: Đọc bố cục đã chọn từ references/layouts/<layout.md và kiểu từ `references/styles/<style.md

.

Kết hợp:

1. Định nghĩa bố cục từ `references/layouts/<layout.md

2. Định nghĩa phong cách từ `references/styles/<style.md

3. Mẫu cơ sở từ `references/base-prompt.md

4. Nội dung có cấu trúc từ Bước 2

5. Tất cả văn bản bằng ngôn ngữ được xác nhận`Độ phân giải tỷ lệ khung hình cho

&#123;&#123;ASPECT_RATIO}}

:

• Giá trị đặt trước được đặt tên → chuỗi tỷ lệ: ngang→ `16:9

, dọc→ `9:16

, hình vuông→ `1:1

• Tỷ lệ W:H tùy chỉnh → sử dụng nguyên trạng (ví dụ: `3:4

, `4:3

, `2.35:1

)

Lưu lời nhắc đã tập hợp vào prompts/infographic.md bằng `write_file

.

Bước 6: Tạo ảnh

Sử dụng công cụ image_generate với lời nhắc đã được tập hợp từ Bước 5.

• Ánh xạ tỷ lệ khung hình sang định dạng của image_generate: 16:9 → `landscape

, 9:16 → `portrait

, 1:1 → `square

• Đối với tỷ lệ tùy chỉnh, hãy chọn khía cạnh được đặt tên gần nhất
• Khi thất bại, tự động thử lại một lần
• Lưu URL/đường dẫn hình ảnh thu được vào thư mục đầu ra

Bước 7: Tóm tắt kết quả đầu ra

Báo cáo: chủ đề, bố cục, phong cách, khía cạnh, ngôn ngữ, đường dẫn đầu ra, tệp được tạo.

Tài liệu tham khảo

references/analysis-framework.md — Phương pháp phân tích

references/structured-content-template.md — Định dạng nội dung

references/base-prompt.md — Mẫu nhắc nhở

references/layouts/<layout.md — 21 định nghĩa bố cục

references/styles/<style.md — 21 định nghĩa kiểu

cạm bẫy

1. Tính toàn vẹn của dữ liệu là điều tối quan trọng — không bao giờ tóm tắt, diễn giải hoặc thay đổi số liệu thống kê nguồn. "Tăng 73%" phải là "Tăng 73%" chứ không phải "tăng đáng kể".
2. Strip bí mật — luôn quét nội dung nguồn để tìm khóa API, mã thông báo hoặc thông tin xác thực trước khi đưa vào bất kỳ tệp đầu ra nào.
3. Một thông điệp cho mỗi phần — mỗi phần đồ họa thông tin phải truyền tải một khái niệm rõ ràng. Quá tải các phần làm giảm khả năng đọc.
4. Tính nhất quán về phong cách — định nghĩa phong cách từ tệp tham chiếu phải được áp dụng nhất quán trên toàn bộ đồ họa thông tin. Đừng trộn lẫn các phong cách.
5. tỷ lệ khung hình image_generate — công cụ này chỉ hỗ trợ `landscape

, portrait và `square

. Các tỷ lệ tùy chỉnh như 3:4 sẽ ánh xạ tới tùy chọn gần nhất (trong trường hợp đó là dọc).