Công cụ video lập trình dành cho agent: viết video TypeScript bằng API của Remotion, CSS, SVG, Canvas 2D, shader WebGL và Web Audio; Node chạy mã, bộ tổng hợp GPU Rust vẽ từng khung hình, toàn bộ quá trình render không cần Chrome; các dự án Remotion và HyperFrames hiện có có thể render nguyên trạng.
Số sao 337 (+37 / 24h)
Lý do
- Tác giả cho biết đoạn video ngắn ở đầu README gồm 1184 khung hình, 1080fps có âm thanh, được render xong trong 26 giây trên laptop; thời gian chạy các ví dụ đều được đo trên máy Apple M4 với --concurrency 4, lấy trung vị từ ba lần chạy
- kinetograph studio mở trình chỉnh sửa cục bộ: nhấp hoặc kéo chọn lớp trong bản xem trước, sau đó hướng dẫn cho agent lập trình biết cần thay đổi gì; agent nhận được vùng chọn, vị trí mã nguồn và ảnh chụp màn hình (thông qua ACP, hỗ trợ sẵn Claude Code, Codex, Gemini, tác giả hiện mới chỉ kiểm thử với Claude Code), và sẽ hỏi bạn trước khi sửa tệp
- Mọi lệnh đều có thể xuất ra --json, npx kinetograph mcp cung cấp cùng bộ lệnh dưới dạng máy chủ MCP, kèm theo kỹ năng cho agent; 0.2.5 bổ sung tính năng theo dõi chuyển động, đưa khung hình video vào canvas, Web Animations API, v.v.
Cách dùng
- Render trực tiếp trang HTML: npx kinetograph render index.html -o out.mp4; dòng thời gian GSAP được đăng ký vào window.__timelines sẽ được định vị theo khung hình
- Dự án TSX yêu cầu Node 22 trở lên: chạy npm ci, npm run build rồi dùng npx kinetograph render / still / inspect; để xây dựng từ mã nguồn cần Rust stable và các thư viện phát triển FFmpeg
Rủi ro
- Beta 0.2.5, API vẫn có thể thay đổi, một số tính năng còn thiếu, các vấn đề đã biết được liệt kê trên trang web dự án
- Giấy phép là PolyForm Small Business 1.0.0: miễn phí cho cá nhân, tổ chức phi lợi nhuận và các công ty có dưới 100 nhân viên với doanh thu dưới 1000.000 USD; các công ty lớn hơn cần mua giấy phép thương mại; kho lưu trữ mới được tạo vào ngày 23 tháng 10