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

Ideagram — Biến ý tưởng thành hình minh họa thương hiệu

Ghép khái niệm của bạn với một hình unDraw thật trong thư viện cục bộ rồi đổi màu theo thương hiệu để tạo một SVG chất lượng cao.

Thiết kế · UITrung cấp★ 181⑂ 11Điểm AI 9/10Cập nhật lần cuối: 22 thg 8, 2026

Làm được gì

  • Rút gọn tính năng, bài blog hay bản pitch thành một câu cốt lõi, rồi chọn hình unDraw phù hợp nhất trong thư viện cục bộ.
  • Dùng recolor_undraw.py để chỉ thay nhóm màu tím mặc định (#6c63ff) bằng màu thương hiệu, giữ nguyên tông da, tóc, quần áo và màu trung tính.
  • Nếu không có hình nào khớp, dùng extract_component.py để tách nhân vật/thiết bị/khung và lắp thành một khung cảnh mới có nền, tiền cảnh và bóng đổ.
  • Kiểm tra SVG bằng validate_assets.py và xuất PNG cho mạng xã hội bằng export_png.py.
  • Skill yêu cầu nói thật đã chọn hình nào, vì sao, và có phải dùng phương án dự phòng chất lượng thấp hơn không.

Phù hợp với ai

  • Lập trình viên solo và nhóm startup thường cần hình hero, hình mô tả tính năng hoặc ảnh bìa blog.
  • Designer và marketer muốn chất lượng của họa sĩ chuyên nghiệp thay vì vector do AI vẽ thô.
  • Người làm nội dung/PM cần giữ nhất quán màu thương hiệu.

Ví dụ sử dụng

  1. "Tạo hình minh họa cho tính năng mới" → chọn cảnh dashboard/biểu đồ, đổi màu sang #FF6B35, trả về SVG.
  2. "Tôi cần ảnh cho tweet này" → chọn cảnh nhiều nhân vật nếu chủ đề là làm việc nhóm, xuất PNG 1200×675.
  3. "Trực quan hóa việc AI tạo cả design system" → không có từ khóa trùng khớp, skill vẫn chọn mobile-site-builder vì phép ẩn dụ hình ảnh gần nhất.

· · · 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/codeswithroh/tastemaker/HEAD/skills/tastemaker/ideagram/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 skills/tastemaker/ideagram từ repo GitHub codeswithroh/tastemaker vào ~/.claude/skills/ideagram/ 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/codeswithroh/tastemaker.git && mkdir -p ~/.claude/skills && cp -r tastemaker/skills/tastemaker/ideagram ~/.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. Clone repo: git clone https://github.com/codeswithroh/tastemaker.git
  2. Sao chép skill: mkdir -p ~/.claude/skills && cp -r tastemaker/skills/tastemaker/ideagram ~/.claude/skills/
  3. Kiểm tra Python 3: python3 --version
  4. Tạo thư mục thư viện: mkdir -p ~/.ideagram/undraw
  5. Tải 20–30 file SVG từ undraw.co/illustrations (chủ đề nhóm, thiết bị, dữ liệu, tăng trưởng, giao tiếp) vào thư mục trên.
  6. Tạo index: python3 ~/.claude/skills/ideagram/scripts/build_library_index.py
  7. (Tùy chọn) Muốn xuất PNG thì cài pip install cairosvg và cairo hệ thống.
  8. Khởi động lại Claude Code và thử: "tạo hình minh họa giải thích tính năng này".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT