Phim ra mắt kiểu Apple
Tạo video ra mắt sản phẩm phong cách keynote Apple hoàn toàn bằng code, không cần quay màn hình hay After Effects.
Ảnh · VideoTrung cấp★ 205⑂ 36Điểm AI 9/10Cập nhật lần cuối: 11 thg 10, 2026
Làm được gì
- Vẽ toàn bộ giao diện macOS bằng code: menu bar mảnh, notch đen giữa phía trên, các widget mở ra từ notch, và hình nền gradient toàn màn hình cho từng cảnh.
- Xuất ra một file HTML tự chứa có
window.seek(giây)để dựng chính xác bất kỳ khung hình, rồi render MP4 bằng HyperFrames. - Trước khi dựng, skill hỏi 5 thứ: tên sản phẩm + câu tagline, danh sách dữ kiện, 6–8 cảnh kèm caption ngắn, tài liệu tham chiếu (thư mục
ref), kích thước/độ dài. Chỉ chữ trong danh sách dữ kiện được lên màn hình. - Có các quy tắc thực chiến: dùng spring thay vì tween, giới hạn 5 mục trên menu bar, so sánh từng cảnh với frame tham chiếu, thêm chế độ giảm chuyển động.
Phù hợp với ai
- Marketer, founder muốn video ra mắt sản phẩm mang tông keynote Apple
- Lập trình viên front-end thích điều khiển animation bằng code hơn là dùng phần mềm dựng phim
- Designer cần nguồn video có thể version-control và sửa nhanh nhiều lần
Ví dụ sử dụng
- "Làm video ra mắt kiểu Apple cho app ghi âm của tôi" → phim 7 cảnh mở đầu bằng chữ "hello" viết tay khi notch bung ra
- Đặt frame của một phim ra mắt Mac thật vào thư mục
ref/và yêu cầu khớp look → Claude so sánh từng cảnh rồi chỉnh - Đưa MP4 hoàn chỉnh cho
reel-exportđể cắt bản dọc cho short-form
· · · 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/charlie947/motion-graphics-skills/HEAD/skills/apple-launch-film/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)
- Tải tệp ZIP bằng nút bên dưới.
- Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
- Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
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/apple-launch-film từ repo GitHub charlie947/motion-graphics-skills vào ~/.claude/skills/apple-launch-film/ 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/charlie947/motion-graphics-skills.git && mkdir -p ~/.claude/skills && cp -r motion-graphics-skills/skills/apple-launch-film ~/.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.
- Mở Terminal.
- Tải repo:
git clone https://github.com/charlie947/motion-graphics-skills.git - Copy skill vào thư mục skill của Claude:
mkdir -p ~/.claude/skills && cp -r motion-graphics-skills/skills/apple-launch-film ~/.claude/skills/ - Cài skill miễn phí đi kèm:
npx skills add emilkowalski/skills --skill apple-design - Cài công cụ xuất video:
npx skills add heygen-com/hyperframes - Khởi động lại Claude Code và yêu cầu kiểu "làm phim ra mắt kiểu Apple" để kích hoạt skill.
- Nếu cần đúng thương hiệu, chuẩn bị trước
brand.md(mã màu hex, font, file logo) trong thư mục dự án.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT