Claude Skill MartKhám phá skillSkill là gì?
 
← Về danh sách

Trình tạo Infographic Baoyu

Tạo infographic chất lượng xuất bản bằng cách kết hợp 21 kiểu layout với 22 phong cách hình ảnh.

Ảnh · VideoTrung cấp★ 24,749⑂ 2,764Điểm AI 8/10Cập nhật lần cuối: 4 thg 7, 2026

Làm được gì

Biến bất kỳ nội dung (văn bản, tài liệu, ghi chú) thành một infographic hoàn chỉnh.

  • Phân tích nội dung: xác định chủ đề, loại dữ liệu, độ phức tạp, giọng điệu, đối tượng đọc → lưu vào analysis.md
  • Cấu trúc hoá: tạo tiêu đề, mục tiêu học tập, từng section kèm nhãn chữ và ý tưởng hình ảnh (structured-content.md), giữ nguyên số liệu gốc không tóm lược
  • Gợi ý kết hợp: chọn 3–5 tổ hợp từ 21 layout (timeline, so sánh A/B, bento grid, tảng băng, phễu, sơ đồ tàu điện…) × 22 style (thủ công giấy, đất sét, cyberpunk neon, bảng phấn, pixel art, Morandi…) kèm lý do
  • Cửa xác nhận bắt buộc: không sinh ảnh trước khi bạn chốt layout/style, tỉ lệ, ngôn ngữ và backend (trừ khi bạn nói --no-confirm)
  • Lưu prompt: prompt cuối được ghi vào prompts/infographic.md để tái tạo hoặc đổi backend
  • Sinh ảnh: tự chọn công cụ phù hợp (Codex imagegen, Cursor GenerateImage, baoyu-image-gen…). Không thay thế bằng SVG/HTML và không vẽ đè lên ảnh để sửa chữ — nếu chữ sai thì tạo lại từ prompt mới.

Phù hợp với ai

  • Người làm nội dung cần ảnh tóm tắt cho blog, newsletter, Facebook/LinkedIn
  • Giáo viên, sinh viên cần sơ đồ khái niệm, lộ trình học
  • Marketer / PM cần bảng so sánh sản phẩm, dashboard KPI dạng ảnh
  • Người làm việc một mình, không thạo Figma nhưng muốn hình ảnh nhất quán

Ví dụ sử dụng

  1. Tài liệu dài → ảnh dọc mật độ cao: "làm high-density-info từ file PDF này" → gợi ý dense-modules + morandi-journal, tỉ lệ 9:16, xác nhận rồi sinh ảnh
  2. So sánh hai phương án: "infographic ưu/nhược điểm phương án A và B" → binary-comparison + corporate-memphis, 16:9, dán trực tiếp vào slide
  3. Theo bộ nhận diện thương hiệu: --ref brand.png --layout bento-grid --style craft-handmade để lấy bảng màu từ ảnh mẫu và áp vào infographic tổng quan

· · · Hướng dẫn cài đặt · · ·

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên Claude Skill Mart.
Copy thư mục skills/baoyu-infographic từ repo GitHub JimLiu/baoyu-skills vào ~/.claude/skills/baoyu-infographic/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/JimLiu/baoyu-skills.git && mkdir -p ~/.claude/skills && cp -r baoyu-skills/skills/baoyu-infographic ~/.claude/skills/

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Mở Terminal (macOS) hoặc WSL/Git Bash (Windows).
  2. Tải repo: git clone https://github.com/JimLiu/baoyu-skills.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Sao chép skill: cp -r baoyu-skills/skills/baoyu-infographic ~/.claude/skills/
  5. Kiểm tra thư mục references/ (layouts, styles, config) đã được copy kèm — thiếu là skill không đọc được định nghĩa layout/style.
  6. Chuẩn bị backend tạo ảnh: nếu bạn dùng Codex (imagegen) hoặc Cursor (GenerateImage) thì đã có sẵn; nếu không, cài thêm skill baoyu-image-gen theo cách tương tự.
  7. Khởi động lại Claude Code, rồi yêu cầu: "tạo infographic từ nội dung này".
  8. Lần chạy đầu skill sẽ hỏi thiết lập (EXTEND.md): layout/style mặc định, tỉ lệ, ngôn ngữ, backend ảnh. Muốn đổi sau này chỉ cần nói "cấu hình lại baoyu-infographic".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT