Smart Illustrator (Trình minh họa thông minh)

Phân tích bài viết, kịch bản hoặc chủ đề để tự động tạo ảnh minh họa, infographic slide và ảnh bìa bằng Gemini, Excalidraw và Mermaid.

Ảnh · VideoTrung cấp★ 563⑂ 83Điểm AI 9/10Cập nhật lần cuối: 26 thg 6, 2026

Skill này làm được gì

Đọc file Markdown, tự xác định 3–5 vị trí cần minh họa và chèn ảnh vào bản sao của bài viết.
Tự chọn engine theo loại nội dung: Gemini cho ảnh sáng tạo/ẩn dụ, Excalidraw cho sơ đồ khái niệm, so sánh, luồng đơn giản (≤ 8 node) theo phong cách vẽ tay, Mermaid chỉ dùng cho sơ đồ phức tạp (> 8 node, kiến trúc nhiều lớp, sequence nhiều vai) và xuất ra PNG độ phân giải cao.
Ba chế độ: article (minh họa bài viết), slides (tạo hàng loạt infographic 16:9 cho PPT), cover (ảnh bìa theo nền tảng: YouTube 16:9, WeChat 2.35:1, Twitter 1.91:1, Xiaohongshu 3:4).
Buộc đọc file style (styles/style-light.md, style-dark.md, style-cover.md, style-bento.md) thay vì tự bịa system prompt, nhờ đó ảnh giữ được nhận diện thống nhất.
Có --prompt-only: không gọi API, chỉ xuất JSON prompt và copy vào clipboard để bạn dán thẳng vào Gemini Web.
Giữ nguyên file gốc, tạo thêm {tên}-image.md, {tên}-cover.png và các ảnh minh họa.

Phù hợp với ai

Người viết blog kỹ thuật, newsletter thường xuyên nhưng hay bỏ dở phần hình ảnh.
Creator cần thumbnail đúng tỉ lệ cho YouTube, WeChat, Twitter, Xiaohongshu.
Người làm nội dung giáo dục muốn biến kịch bản thành bộ slide infographic.
Developer viết tài liệu kiến trúc và muốn sơ đồ Mermaid có bảng màu ngữ nghĩa nhất quán.

Ví dụ sử dụng

/smart-illustrator posts/agent-guide.md — sinh ảnh bìa và 3–5 ảnh minh họa, lưu thành agent-guide-image.md.
/smart-illustrator script.md --mode slides --prompt-only — tạo JSON prompt cho cả bộ slide, copy sẵn vào clipboard để dán vào Gemini Web.
/smart-illustrator --mode cover --platform xiaohongshu --topic "Đánh giá Claude 4" — chỉ tạo ảnh bìa dọc 3:4 cho Xiaohongshu.
/smart-illustrator system.md --engine excalidraw --style dark — xuất sơ đồ khái niệm phong cách vẽ tay, nền tối.

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

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/axtonliu/smart-illustrator/HEAD/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

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.

↓ 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 SKILL.m từ repo GitHub axtonliu/smart-illustrator vào ~/.claude/skills/smart-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/axtonliu/smart-illustrator.git ~/.claude/skills/smart-illustrator

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

Đảm bảo đã có Claude Code và biết dùng terminal.
Tạo thư mục skill: mkdir -p ~/.claude/skills
Clone repo vào đúng thư mục: git clone https://github.com/axtonliu/smart-illustrator.git ~/.claude/skills/smart-illustrator
Kiểm tra đã có SKILL.md, styles/, scripts/, references/: ls ~/.claude/skills/smart-illustrator
Thêm API key Gemini vào biến môi trường: echo 'export GEMINI_API_KEY=khoa_cua_ban' >> ~/.zshrc && source ~/.zshrc
Cài Node.js để dùng npx (script chạy qua npx -y bun ... nên không cần cài bun riêng).
Khởi động lại Claude Code rồi thử: /smart-illustrator duong/dan/bai-viet.md
Chưa có API key? Dùng --prompt-only để lấy prompt rồi tạo ảnh thủ công trên Gemini Web (chức năng copy clipboard chỉ tự động trên macOS).

Xem mã nguồn trên GitHub ↗Giấy phép: MIT