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

Canvas Design (Thiết kế trên canvas)

Skill tạo ra một 'triết lý thiết kế' riêng rồi hiện thực hóa nó thành tác phẩm một trang dạng PDF/PNG.

Thiết kế · UITrung cấp★ 1,890⑂ 563Điểm AI 7/10Cập nhật lần cuối: 26 thg 7, 2026

Skill này làm gì

  • Từ yêu cầu ngắn của bạn, tạo một triết lý thiết kế (trào lưu thẩm mỹ) có tên gọi 1–2 từ và 4–6 đoạn diễn giải, lưu thành tệp .md.
  • Dựa trên triết lý đó, tạo một tác phẩm một trang, 90% hình ảnh – 10% chữ, xuất ra .pdf hoặc .png.
  • Định hướng theo các trục: không gian & hình khối, màu & chất liệu, tỷ lệ & nhịp điệu, bố cục & cân bằng, thứ bậc thị giác.
  • Chữ luôn tối giản, ưu tiên font mảnh, không tràn lề và không chồng lấn.
  • Yêu cầu rõ: chỉ tạo thiết kế gốc, không sao chép tác phẩm của nghệ sĩ khác.

Phù hợp với ai

  • Marketer, người làm nội dung cần poster/bìa/moodboard nhanh mà vẫn có gu.
  • Designer muốn viết concept tone & manner trước khi triển khai bản vẽ.
  • Người dùng phổ thông cần hình ảnh "ra dáng tác phẩm" cho slide hoặc dự án cá nhân.

Ví dụ sử dụng

  1. "Làm poster đêm nhạc jazz tối giản" → sinh triết lý kiểu Chromatic Silence + poster PNG dùng khối màu.
  2. "Một trang A4 thể hiện tinh thần thương hiệu" → triết lý hướng Brutalist rồi xuất PDF.
  3. "Ảnh teaser cho game indie" → tác phẩm đồ họa tinh tế, tránh phong cách hoạt hình rẻ tiền.

· · · 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/composio-community/awesome-claude-plugins/HEAD/canvas-design/skills/canvas-design/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 canvas-design/skills/canvas-design từ repo GitHub composio-community/awesome-claude-plugins vào ~/.claude/skills/composio-community-canvas-design/ 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/composio-community/awesome-claude-plugins.git && mkdir -p ~/.claude/skills && cp -r awesome-claude-plugins/canvas-design/skills/canvas-design ~/.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.
  2. Tải repo: git clone https://github.com/composio-community/awesome-claude-plugins.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Sao chép skill: cp -r awesome-claude-plugins/canvas-design/skills/canvas-design ~/.claude/skills/
  5. Kiểm tra tệp ~/.claude/skills/canvas-design/SKILL.md đã tồn tại.
  6. Khởi động lại Claude Code, rồi yêu cầu ví dụ: "thiết kế poster cho sự kiện".
  7. Nếu không xuất được PDF/PNG, hãy chỉ định thêm công cụ render (ví dụ chụp ảnh từ trình duyệt, thư viện ảnh Python...).
Xem mã nguồn trên GitHub ↗