AI Skill MartKhám phá skillLệnhChương trìnhHọcSkill là gì?
← Về danh sách

Breakdown (video 3D tách lớp)

Chỉ với một file JSON, kỹ năng này dựng video 3D điện thoại tách lớp kèm nhãn chú thích cho reel.

Ảnh · VideoTrung cấp★ 272⑂ 34Điểm AI 8/10Cập nhật lần cuối: 1 thg 11, 2026

Kỹ năng này làm gì

  • Tạo animation 3D: chiếc điện thoại lơ lửng trên nền studio tối rồi tách dần thành 6 lớp (kính, màn hình, khung, bo mạch, pin, mặt lưng).
  • Mỗi lớp có đường dẫn mảnh nối sang cột nhãn bên phải, đánh số 01–06 kèm ghi chú ngắn.
  • Bạn chỉ cần viết file <tên>.breakdown.json, sau đó build.py render bằng WebGL trong Chrome headless và trả về đường dẫn mp4.
  • Có chế độ --snap để chụp khung hình tại giây 1.0 (ráp) và 3.8 (tách) nhằm kiểm tra nhãn trước khi render đầy đủ.

Phù hợp với ai

  • Marketer, creator làm reel giới thiệu sản phẩm phần cứng.
  • Người làm nội dung công nghệ cần minh họa "bên trong có gì".
  • Designer muốn tuỳ biến sang vật thể dạng lớp phẳng khác: máy tính bảng, nắp laptop, ví thẻ, smartwatch.

Ví dụ sử dụng

  1. Chạy /breakdown và nhập thông số thật ("Pin / 3.582 mAh", "OLED 6,3 inch · 120 Hz") để làm teaser ra mắt máy.
  2. Dùng nhãn hài hước ("Pin / không bao giờ đủ") cho clip giải trí trên TikTok.
  3. Sao chép template.html, chỉnh PW/PL/PR, slab() và ANCHORS để dựng bản tách lớp cho smartwatch.

· · · 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/artemnovitckii/claude-animation-skills/HEAD/skills/breakdown/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 AI Skill Mart.
Copy thư mục skills/breakdown từ repo GitHub artemnovitckii/claude-animation-skills vào ~/.claude/skills/breakdown/ 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/artemnovitckii/claude-animation-skills.git && mkdir -p ~/.claude/skills && cp -r claude-animation-skills/skills/breakdown ~/.claude/skills/ && cp -r claude-animation-skills/kit ~/.claude/

⚠ Đâ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 kho mã: git clone https://github.com/artemnovitckii/claude-animation-skills.git
  2. Tạo thư mục kỹ năng: mkdir -p ~/.claude/skills
  3. Chép kỹ năng: cp -r claude-animation-skills/skills/breakdown ~/.claude/skills/
  4. Chép bộ kit dùng chung: cp -r claude-animation-skills/kit ~/.claude/
  5. Cài công cụ cần thiết: Node.js và ffmpeg (macOS: brew install node ffmpeg).
  6. Khởi động lại Claude Code rồi gõ /breakdown. Lần đầu chạy, kit/setup.sh sẽ tải three.js và các phụ thuộc.
  7. Chuẩn bị 6 nhãn, render thử bằng --snap 3.8 để kiểm tra vị trí chữ trước khi xuất video (mất khoảng 1,5 phút).
Xem mã nguồn trên GitHub ↗Giấy phép: NOASSERTION