Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Smart Illustrator — Trình tạo ảnh minh họa thông minh

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

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

Làm được gì

Skill đọc file markdown của bạn, xác định các vị trí nên có hình (thường 3–5 chỗ) rồi chọn công cụ phù hợp để dựng ảnh.

  • Chế độ minh họa bài viết (mặc định): phân tích nội dung → chèn ảnh → xuất {tên bài}-image.md
  • Chế độ PPT/Slides: biến kịch bản thành loạt infographic 16:9 riêng lẻ
  • Chế độ Cover: ảnh bìa theo nền tảng — YouTube 16:9, WeChat 2.35:1, Twitter 1.91:1, Xiaohongshu 3:4
  • Ba tầng engine: Gemini cho ảnh sáng tạo/ẩn dụ, Excalidraw cho sơ đồ khái niệm vẽ tay, Mermaid cho luồng phức tạp trên 8 node
  • --prompt-only chỉ xuất prompt (không gọi API) để dán vào Gemini Web
  • --style light / dark / minimal / bento giữ phong cách nhất quán, có sẵn kiểu Bento Grid

Phù hợp với ai

  • Người viết blog, newsletter, tài liệu kỹ thuật cần ảnh minh họa nhanh
  • Giảng viên, người làm khóa học muốn chuyển kịch bản thành slide infographic
  • Creator cần thumbnail YouTube và ảnh bìa mạng xã hội đồng bộ phong cách
  • Dev thấy Mermaid quá khô và muốn sơ đồ kiểu vẽ tay Excalidraw

Ví dụ sử dụng

  1. /smart-illustrator posts/ai-agent.md — tạo 1 ảnh bìa và 3–4 ảnh trong bài, xuất ra ai-agent-image.md
  2. /smart-illustrator bai-giang-03.md --mode slides --prompt-only — xuất JSON prompt cho toàn bộ slide, copy vào clipboard để dán lên Gemini Web
  3. /smart-illustrator --mode cover --platform xiaohongshu --topic "So sánh Claude và GPT" — chỉ tạo ảnh bìa dọc 3:4
  4. /smart-illustrator kien-truc.md --engine mermaid — buộc mọi sơ đồ xuất ra PNG Mermaid độ phân giải cao

· · · 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)
  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 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.

  1. Mở Terminal và tạo thư mục skill nếu chưa có: mkdir -p ~/.claude/skills
  2. Clone repo: git clone https://github.com/axtonliu/smart-illustrator.git ~/.claude/skills/smart-illustrator
  3. Kiểm tra đã có đủ styles/, scripts/, references/: ls ~/.claude/skills/smart-illustrator
  4. Khai báo khóa Gemini để tạo ảnh: echo 'export GEMINI_API_KEY=khoa_cua_ban' >> ~/.zshrc && source ~/.zshrc
  5. Đảm bảo có Node/npx (npx -v); nếu chưa, cài Node.js LTS. Bun sẽ tự chạy qua npx -y bun.
  6. Khởi động lại Claude Code rồi thử: /smart-illustrator bai-viet.md
  7. Muốn thử mà chưa có API key? Thêm --prompt-only để lấy prompt (trên macOS sẽ copy vào clipboard; Windows/Linux hãy mở file backup trong /tmp).
Xem mã nguồn trên GitHub ↗Giấy phép: MIT