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

Thiết kế Logo (Logo Design)

Dẫn bạn qua toàn bộ quy trình làm logo — từ brief, ý tưởng, dựng SVG sạch, kiểm thử 16px, đến bảng thuyết trình và bộ file favicon/app icon.

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

Làm được gì

Skill biến Claude thành một nhà thiết kế nhận diện cấp cao và chạy dự án logo theo từng giai đoạn:

  • Discovery → Brief: tên chính xác, ngành, đối tượng, 3–5 tính từ thương hiệu, đối thủ, ràng buộc (tối đa 5 câu hỏi, có cả chế độ "fast track")
  • Nghiên cứu: tra cứu thư viện hơn 1.400 logo SVG thật theo loại mark, kỹ thuật, hình học, ngành, màu; liệt kê rõ các cliché của ngành để tránh
  • Ý tưởng: viết 8–12 concept một câu, chọn 3 cái mạnh và khác nhau nhất
  • Dựng SVG: canvas 256×256, đen trắng trước, góc chuẩn (0/15/30/45/60/90°), chữ được dựng thành path chứ không dùng <text>
  • Kiểm thử: svg_audit.py soát text sống, ảnh raster, gradient, chi tiết quá nhỏ; preview_sheet.py tạo bảng test 16/32px, một màu, đảo màu, nhòe mắt, so sánh với đối thủ
  • Điểm dừng (checkpoint): trình bày ảnh tổng quan concept và chờ bạn chọn hướng trước khi làm phần nặng
  • Bộ giao hàng: bảng màu, các lockup ngang/dọc/chỉ symbol, bản đen–trắng–mono–đảo màu, favicon + app icon + web icon set, bảng thuyết trình với mockup theo ngành, hướng dẫn sử dụng 1 trang

Phù hợp với ai

  • Founder, freelancer cần tự làm logo và nhận diện cơ bản cho sản phẩm mới
  • Designer muốn có quy trình chuẩn hoặc một bản critique có cấu trúc cho logo hiện tại
  • Developer cần favicon, app icon, bộ icon web cho side project
  • Người làm marketing/brand cần soạn brand guidelines hoặc hệ thống nhận diện

Ví dụ sử dụng

  1. Logo cho startup mới: "Làm logo cho app tài chính tên Vanta" → brief → tránh cliché (xanh dương, mũi tên đi lên, khiên) → 3 concept SVG đen trắng + bảng test 16px → chọn hướng rồi dựng full kit
  2. Chẩn đoán logo cũ: "Logo của tôi mờ tịt khi thu nhỏ" → chạy svg_audit.py để tìm nét mảnh, khe hở quá sát → tạo phiên bản đơn giản hoá cho kích thước nhỏ
  3. Xuất bộ icon web: có sẵn một mark, chạy export_variants.py --web-icons để có favicon.ico, bộ PNG, webmanifest và đoạn <head> sẵn dùng
  4. Bảng thuyết trình khách hàng: quán cà phê thì mockup ly và túi giấy, công cụ dev thì mockup README và terminal, xuất từng slide ra PNG

· · · 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/kaankiziltug/logo-design-skill/HEAD/skills/logo-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 skills/logo-design từ repo GitHub kaankiziltug/logo-design-skill vào ~/.claude/skills/logo-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/kaankiziltug/logo-design-skill.git && mkdir -p ~/.claude/skills && cp -r logo-design-skill/skills/logo-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 (macOS/Linux) hoặc PowerShell (Windows).
  2. Kiểm tra Python 3: python3 --version (Windows dùng python --version hoặc py -3 --version). Nếu chưa có, cài từ python.org.
  3. Tải repo về: git clone https://github.com/kaankiziltug/logo-design-skill.git
  4. Copy thư mục skill vào nơi Claude đọc skill: mkdir -p ~/.claude/skills && cp -r logo-design-skill/skills/logo-design ~/.claude/skills/
  5. (Khuyến nghị) Cài một trình render SVG để Claude có thể "xem" kết quả: pip install cairosvg, hoặc dùng rsvg-convert, Inkscape, Chrome headless.
  6. Khởi động lại Claude Code và thử: "Thiết kế logo cho thương hiệu cà phê của tôi" — skill sẽ tự kích hoạt.
  7. Trên Windows, khi chạy script hãy thay python3 trong tài liệu bằng python hoặc py -3.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT