Kỹ năng hướng dẫn các tác nhân lập trình tái tạo một đoạn video hoạt hình thành mã sạch, có thể chỉnh sửa: đồ họa SVG nội tuyến kết hợp với một dòng thời gian GSAP, cho phép định vị theo từng khung hình, lặp lại liền mạch và so sánh song song với video gốc; các bản ghi màn hình của trang web hoặc ứng dụng cũng có thể được chuyển đổi thành các trang thực sự có thể cuộn và nhấp chuột.
Số sao 303 (+8 / 24h)
Lý do
- Vì các tác nhân không thể xem video, nên trước tiên sử dụng study_video.py để tách đoạn video thành các khung hình mỗi 0.25 giây, các khung hình trước và sau mỗi điểm cắt cứng, một bảng liên hệ (contact sheet), bảng màu đơn sắc chính xác, và xác định xem video gốc có lặp lại hay không
- frame_diff.py xuất hình ảnh so sánh song song giữa video gốc và mã tại bất kỳ thời điểm nào, chấm điểm và liệt kê 5 vị trí kém nhất; check_anim.py kiểm tra các quy ước của trang, danh sách trắng các script bên ngoài, việc nhúng video hoặc bitmap trái phép, và các mối nối khi lặp lại
- Quy tắc cứng: chỉ sử dụng video được cung cấp, không tái tạo, không nhúng, không vẽ lại khung hình, văn bản được viết theo lời nhắc gốc; thư viện gallery có 6 ví dụ tái tạo, video gốc được tạo bởi MiniMax H3 Max trên nền tảng fal
Cách sử dụng
- Claude Code: chạy claude plugin marketplace add lovisdotio/motion2code, sau đó chạy claude plugin install motion2code@motion2code; đối với Codex, Cursor, Gemini CLI, v.v., sử dụng npx skills add lovisdotio/motion2code
- Yêu cầu tác nhân “tái tạo clip.mp4 thành hoạt ảnh SVG + GSAP có thể lặp lại” hoặc “chuyển đổi bản ghi màn hình ứng dụng này thành một trang web thực tế”; các yêu cầu đầy đủ có thể được điền vào prompts/convert-video-prompt.md
- Các script yêu cầu Python 3.9+, ffmpeg, và các script mở trình duyệt cũng yêu cầu Playwright
Rủi ro
- Các quy tắc giới hạn việc sử dụng đồ họa SVG phẳng và các màu đơn sắc lấy từ video gốc, các ví dụ trong README đều là hoạt ảnh văn bản và đồ họa phẳng, không có hướng dẫn về cách xử lý các cảnh quay thực tế
- Kho lưu trữ được tạo vào ngày 20 tháng 10, giấy phép MIT; video gốc trong thư viện gallery chỉ được đính kèm ở độ phân giải 480p để phục vụ mục đích so sánh