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

GIF bìa lặp liền mạch

Biến ảnh bìa newsletter hoặc blog thành GIF lặp liền mạch 896x640, 180 frame ở 20fps, chỉ một phần tử duy nhất chuyển động.

Ả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ì

  • Nhận ảnh bìa PNG đã hoàn thiện hoặc bìa dựng bằng HTML và xuất ra GIF 896 x 640, 180 frame, 20fps (9 giây).
  • Chỉ một phần tử bạn chỉ định chuyển động (tia sáng ngọn hải đăng, đường kẻ tự vẽ, hiệu ứng phát sáng). Kỹ thuật tạo mask theo màu đảm bảo pixel ngoài vùng đó không đổi.
  • Xoay vòng lặp để frame 1 là ảnh hoàn chỉnh, vì hộp thư và link preview chỉ hiển thị frame đầu tiên.
  • Encode bằng ffmpeg không dithering để tránh nhiễu, rồi dùng script Python đo seam, excursion, số frame và dung lượng — kiểm tra bằng số liệu thay vì cảm giác.

Phù hợp với ai

  • Người làm newsletter, blog, nội dung social muốn ảnh bìa động nhẹ nhưng không rối mắt
  • Người từng thất vọng vì model video tự thêm chuyển động camera và muốn kiểm soát chính xác bằng code
  • Người đã có ffmpeg và python3, quen dùng terminal

Ví dụ sử dụng

  1. "Chỉ cho tia sáng ngọn hải đăng trong bìa này nhấp nháy chậm" → tạo mask, xuất GIF lặp, báo cáo seam = 0.1
  2. "Chuyển bìa HTML của tôi thành thumbnail động" → thêm window.seek(giây), chụp 180 frame, encode GIF không dither
  3. "GIF của tôi hình như không động trong hộp thư" → thu nhỏ về 240px để kiểm tra, xác nhận link upload vẫn kết thúc bằng .gif

· · · 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/loop-cover/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/loop-cover từ repo GitHub charlie947/motion-graphics-skills vào ~/.claude/skills/loop-cover/ 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/loop-cover ~/.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, chạy ffmpeg -version và python3 --version để chắc chắn hai công cụ đã có. Nếu chưa, cài trước (macOS: brew install ffmpeg python3).
  2. Clone repo: git clone https://github.com/charlie947/motion-graphics-skills.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Copy skill: cp -r motion-graphics-skills/skills/loop-cover ~/.claude/skills/
  5. (Nên làm) Đặt file brand.md ghi mã màu hex, font, logo vào thư mục dự án; hoặc chạy skill brand-intake trong cùng repo trước.
  6. Khởi động lại Claude Code và yêu cầu kiểu "làm ảnh bìa này thành GIF lặp động" để kích hoạt skill.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT