huashu-motion (Xưởng phim mô phỏng)
Skill đóng vai đạo diễn, biến video quảng bá, phim ra mắt và video giải thích thành mã HTML + GSAP có thể chỉnh sửa và render ra MP4/GIF.
Ảnh · VideoNâng cao★ 2,522⑂ 255Điểm AI 9/10Cập nhật lần cuối: 22 thg 10, 2026
Làm được gì
- Mỗi dự án là một file
index.html(HTML + GSAP) đóng vai "cuốn phim", được render từng khung hình bằng Chrome trên máy bạn và xuất ra MP4/MOV/GIF/WebM. - Thu thập vật liệu thật của sản phẩm trước:
om grab <thư mục|url>lấy ảnh chụp màn hình, logo, hình ảnh, màu sắc và font mà website/dự án thực sự dùng — không dùng ô placeholder xám hay UI bịa. - Quy trình đạo diễn rõ ràng: học sở thích người dùng (
om learn) → 3 hướng sáng tạo kèm key frame và bảng màu → treatment (nhịp, bản đồ beat) → dựng cảnh khó nhất trước → kiểm tra (om check,om still,om qa) → âm thanh (tự soạn nhạc ABC + hiệu ứng) → bàn giao studio → render → GIF chia sẻ và bài đăng. - Studio xem trước chạy tại 127.0.0.1: người dùng bấm thẳng vào khung hình để góp ý, skill dùng
om inbox/om lookxem đúng frame và điểm bấm rồi chỉ sửa đúng chỗ đó. - Tiêu đề, con số, màu, thời gian giữ cảnh được khai báo thành biến composition nên người dùng tự sửa được; mọi phiên bản lưu ở
.om/historyđểom undo.
Dành cho ai
- Lập trình viên, founder một mình cần video ra mắt sản phẩm hoặc GIF lặp cho README.
- Indie maker muốn video quảng bá "không giống slide" mà không cần thuê designer.
- Người làm product/marketing phải làm demo UI, video changelog, video giải thích thường xuyên.
- Điều kiện: cần Chrome cài sẵn, chạy được server cục bộ và Node (npx); ffmpeg nếu muốn kiểm tra phổ âm thanh. Môi trường sandbox chặn trình duyệt/server sẽ không chạy được bước kiểm tra hình ảnh.
Ví dụ sử dụng
- Yêu cầu một dòng "làm cho mình video giới thiệu dự án" → skill tự đọc repo và website, gom vật liệu, rồi gửi một tin nhắn hỏi gọn (định dạng 30s 16:9 cho X / 15s 9:16 cho short / GIF lặp README, mức năng lượng, có lời đọc hay không) kèm mặc định, sau đó đưa 3 hướng.
- Bạn bấm vào một thẻ trong bản xem trước và ghi "giữ lâu hơn chút" → skill xem lại frame đó, đổi biến thời gian và báo "1.2s → 2.0s, phần sau dời 0.8s".
- Với phim ra mắt: tự soạn bản nhạc ABC bám theo các cảnh, gắn hiệu ứng vào từng điểm tiếp đất, bật motion blur cho bản cuối rồi xuất MP4 kèm GIF ≤10 MB và bản nháp bài đăng.
· · · 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/alchaincyf/huashu-motion/HEAD/skills/huashu-motion/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 AI Skill Mart. Copy thư mục skills/huashu-motion từ repo GitHub alchaincyf/huashu-motion vào ~/.claude/skills/huashu-motion/ 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/alchaincyf/huashu-motion.git /tmp/huashu-motion && mkdir -p ~/.claude/skills && cp -r /tmp/huashu-motion/skills/huashu-motion ~/.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 và clone kho:
git clone https://github.com/alchaincyf/huashu-motion.git /tmp/huashu-motion - Tạo thư mục skill:
mkdir -p ~/.claude/skills - Chép skill vào:
cp -r /tmp/huashu-motion/skills/huashu-motion ~/.claude/skills/ - Kiểm tra yêu cầu: đã cài Chrome bản desktop, có Node.js (dùng được
npx), và ffmpeg nếu cần kiểm tra âm thanh. - Khởi động lại Claude Code, rồi yêu cầu kiểu "làm video giới thiệu sản phẩm của mình" để kích hoạt skill.
- Lần đầu nên chạy
npx huashu-motion doctorhoặc<thư-mục-skill>/bin/om doctorđể kiểm tra môi trường. - Khi xem trước, chạy
om studio <dự án>rồi mở địa chỉ 127.0.0.1 được in ra; nhớ cho phép mở trình duyệt và server cục bộ.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT