Baoyu Article Illustrator
Phân tích bài viết, chọn đúng vị trí cần hình minh họa và tạo ảnh đồng bộ theo bộ ba Type × Style × Palette rồi chèn vào bài.
Ả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ì
- Đọc file Markdown (hoặc nội dung dán trực tiếp), xác định loại nội dung (kỹ thuật / hướng dẫn / phương pháp luận / tự sự) và 2–5 luận điểm chính.
- Chọn vị trí mà hình ảnh thực sự tăng giá trị, xuất ra
outline.mdgồm vị trí, mục đích, nội dung hình và tên file. - Kết hợp ba trục Type (infographic, scene, flowchart, comparison, framework, timeline) × Style (notion, warm, minimal, blueprint, watercolor…) × Palette (macaron, warm, neon) để cả bài có tông màu thống nhất.
- Bắt buộc lưu prompt cuối cùng của từng ảnh vào
prompts/NN-{type}-{slug}.mdtrước khi render — nhờ vậy có thể đổi backend mà không mất khả năng tái tạo. - Tạo ảnh theo lô (mặc định 4 ảnh song song), sau đó tự chèn
vào sau đoạn văn tương ứng. - Nếu chữ trong ảnh bị lỗi, skill yêu cầu tạo lại từ prompt mới thay vì vẽ đè lên bitmap — giữ chất lượng ổn định.
Phù hợp với ai
- Người viết blog, newsletter, tài liệu kỹ thuật phải tự đi tìm/ tạo ảnh cho từng bài.
- Team nội dung muốn giữ một tông thị giác nhất quán xuyên suốt nhiều bài.
- Lập trình viên, giảng viên cần biến khái niệm trừu tượng thành sơ đồ (flowchart, framework).
- Môi trường đã có công cụ sinh ảnh: Codex
imagegen, CursorGenerateImage, hoặc skillbaoyu-image-gen.
Ví dụ sử dụng
- Bài kỹ thuật — "minh họa bài này --type infographic --style notion": tạo 3–5 infographic với nhãn chứa đúng số liệu, thuật ngữ trong bài rồi chèn vào.
- Bài hướng dẫn — dùng
--type flowchart --preset edu-visualvới mật độ per-section để mỗi mục có một sơ đồ quy trình riêng. - Bài tản văn —
--type scene --style watercolor --palette macaronvới mật độ minimal, chỉ 2 ảnh cho phần mở đầu và kết. - Theo ảnh mẫu — truyền
--ref brand.pngđể ảnh sinh ra khớp bảng màu và phong cách thương hiệu.
· · · Hướng dẫn cài đặt · · ·
Cài vào ứng dụng Claude (không cần terminal)
- Tải tệp ZIP bằng nút bên dưới.
- Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
- Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
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-article-illustrator từ repo GitHub JimLiu/baoyu-skills vào ~/.claude/skills/baoyu-article-illustrator/ 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-article-illustrator ~/.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.
- Mở Terminal (macOS/Linux) hoặc WSL/Git Bash trên Windows.
- Tải repo skill về máy:
git clone https://github.com/JimLiu/baoyu-skills.git - Tạo thư mục skill của Claude Code và copy skill này vào:
mkdir -p ~/.claude/skills cp -r baoyu-skills/skills/baoyu-article-illustrator ~/.claude/skills/ - Chuẩn bị backend sinh ảnh. Nếu runtime đã có
imagegen(Codex) hoặcGenerateImage(Cursor) thì dùng luôn; nếu không, copy thêm skillbaoyu-image-gen:cp -r baoyu-skills/skills/baoyu-image-gen ~/.claude/skills/ - Khởi động lại Claude Code và kiểm tra
baoyu-article-illustratorxuất hiện trong danh sách skill. - Lần chạy đầu tiên, skill sẽ khởi động thiết lập EXTEND.md: chọn thư mục xuất ảnh (
imgs-subdirlà mặc định tốt), style mặc định, ngôn ngữ và backend. - Gửi yêu cầu kèm đường dẫn bài viết, ví dụ: "minh họa cho file bai-viet.md". Trả lời 3 câu hỏi xác nhận (type / mật độ / style) là bắt đầu tạo ảnh.
- Muốn bỏ bước xác nhận, thêm cụm "tạo luôn, không cần xác nhận" vào yêu cầu.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT