Skills Remotion Dev

Nội dung 3D trong Remotion sử dụng Three.js và React Three Fiber.

Chấp nhận một đóng góp Remotion Element bên ngoài bằng cách xác minh các bản xem trước đã cam kết, tải chúng lên R2, xóa các tài nguyên tạm thời và chuẩn bị…

Thêm một mục lỗi Remotion mới vào packages/bugs/api/[v].ts. Sử dụng khi người dùng mô tả một lỗi và các phiên bản Remotion bị ảnh hưởng cần được hiển thị qua…

Thêm một mục bug Remotion mới vào packages/bugs/api/[v].ts. Sử dụng khi người dùng mô tả một bug và các phiên bản Remotion bị ảnh hưởng cần được hiển thị qua…

Thêm một tùy chọn CLI hoặc cấu hình Remotion mới bằng cách tạo AnyRemotionOption, đăng ký phân tích CLI, kết nối các bộ thiết lập cấu hình và cập nhật tài liệu. Sử dụng khi…

Thêm một tùy chọn Remotion CLI hoặc cấu hình mới bằng cách tạo một AnyRemotionOption, đăng ký phân tích cú pháp CLI, kết nối các bộ thiết lập cấu hình và cập nhật tài liệu. Sử dụng khi…

Thêm một hiệu ứng mới vào @remotion/effects, bao gồm triển khai, xuất gói, tài liệu, bản demo, hình ảnh xem trước, cập nhật kỹ năng Remotion, kiểm thử, định dạng, và…

Thêm hiệu ứng mới vào @remotion/effects, bao gồm triển khai, xuất gói, tài liệu, bản demo, hình ảnh xem trước, cập nhật kỹ năng Remotion, kiểm thử, định dạng, và…

Thêm chuyên gia mới vào trang chuyên gia Remotion

Thêm một chuyên gia mới vào trang chuyên gia Remotion

Thêm một gói mới vào monorepo Remotion, bao gồm khung gói, đăng ký monorepo, tài liệu, script xây dựng, kiểm thử và danh sách kiểm tra phát hành…

Thêm một gói mới vào monorepo Remotion, bao gồm scaffolding gói, đăng ký monorepo, tài liệu, script build, kiểm thử và danh sách kiểm tra phát hành…

Thêm hiệu ứng âm thanh mới vào @remotion/sfx

Thêm một lỗi WebCodecs của trình duyệt vào trang tài liệu về lỗi WebCodecs của Remotion Mediabunny. Sử dụng khi được cung cấp một URL vấn đề của Chromium, WebKit hoặc Firefox cần được theo dõi…

Thêm một lỗi WebCodecs của trình duyệt vào trang tài liệu lỗi WebCodecs của Remotion Mediabunny. Sử dụng khi được cung cấp một URL vấn đề của Chromium, WebKit hoặc Firefox cần được theo dõi…

Rebuild, install, and reload the private Remotion Canvas Capture unpacked Chrome extension. Use when the extension needs to be restored after a Codex worktree…

Checkout a requested branch or ref in the Remotion repo, rename the current task to the associated PR title when running in Codex, then install dependencies…

Checkout một nhánh hoặc ref được yêu cầu trong kho Remotion, sau đó cài đặt các phụ thuộc và build. Sử dụng khi người dùng yêu cầu checkout một ref và chuẩn bị…

Khởi chạy ứng dụng @remotion/convert cục bộ và mở nó trong trình duyệt Codex. Sử dụng khi người dùng gọi /convert hoặc $convert, yêu cầu khởi chạy convert.remotion.dev…

Khởi động ứng dụng @remotion/convert cục bộ và mở nó trong trình duyệt Codex. Sử dụng khi người dùng gọi /convert hoặc $convert, yêu cầu khởi chạy convert.remotion.dev…

Tài liệu tham khảo về cách biểu diễn việc deprecation của các API công khai của Remotion trong mã nguồn TypeScript và tài liệu. Sử dụng khi thêm, xem xét hoặc thảo luận một…

Khởi động trang tài liệu Remotion và mở nó trong trình duyệt Codex. Sử dụng khi người dùng gọi /docs hoặc $docs, yêu cầu khởi chạy trang tài liệu cục bộ, hoặc muốn…

Khởi động trang tài liệu Remotion và mở nó trong trình duyệt Codex. Sử dụng khi người dùng gọi /docs hoặc $docs, yêu cầu khởi chạy trang tài liệu cục bộ, hoặc muốn…

Thêm một bản demo tương tác vào tài liệu Remotion. Sử dụng khi tạo một thành phần <Demo> mới cho các trang tài liệu.

Thêm một bản demo tương tác vào tài liệu Remotion. Sử dụng khi tạo một thành phần <Demo> mới cho các trang tài liệu.

Kiểm tra và dọn dẹp hệ thống phân cấp masterplan của Remotion GitHub. Sử dụng khi tìm các vấn đề đang mở không có masterplan gốc, xác định các vấn đề mồ côi cần được…

Fix a Dependabot PR by updating all monorepo instances of the dependency, running bun install, and pushing

Sửa một PR Dependabot bằng cách cập nhật tất cả các phiên bản của dependency trong monorepo, chạy bun install và push

Theo dõi flakes CI của Remotion trong issue

Theo dõi các lỗi flake CI của Remotion trong issue

Chạy các kiểm tra định dạng và phong cách của Remotion cho đến khi chúng đạt yêu cầu. Sử dụng khi người dùng yêu cầu sửa định dạng hoặc chạy lệnh định dạng.

Chạy kiểm tra định dạng và phong cách của Remotion cho đến khi chúng đạt yêu cầu. Sử dụng khi người dùng yêu cầu sửa định dạng hoặc chạy lệnh định dạng.

Quản lý các PR xếp chồng và chia nhỏ công việc nhiều phần thành các nhánh có thể review với gh-stack. Dùng để tạo stack, xem, chỉnh sửa, push, submit, sync, rebase,…

Sử dụng khi kết xuất hoặc thay thế video dải nhà sáng tạo trên trang chủ Remotion, đặc biệt là các tệp WebM trong suốt cho Chrome và MP4 cho Safari được sao chép vào cả hai trang quảng bá…

Sử dụng khi kết xuất hoặc thay thế các video dải trang chủ của Remotion, đặc biệt là các tài sản WebM trong suốt trên Chrome và MP4 trên Safari được sao chép vào cả hai trang quảng cáo…

Cài đặt và xác minh bản Chrome for Testing đã ghim được sử dụng bởi tiện ích mở rộng Remotion Canvas Capture riêng tư trên macOS Apple Silicon. Sử dụng khi thiết lập Canvas…

Các phương pháp hay nhất để viết hoạt ảnh Remotion giữ được tính trực quan cho các tác nhân và có thể chỉnh sửa trong Chế độ trực quan của Remotion Studio.

Tạo hoặc cập nhật issue GitHub với cách đặt tên Remotion chính xác và xử lý Markdown nhiều dòng an toàn

Quản lý mối quan hệ GitHub Issues 2.0 bằng gh CLI: issue cha, issue con, bị chặn bởi, và liên kết chặn.

Quản lý các mối quan hệ GitHub Issues 2.0 với gh CLI: issue cha, issue con, bị chặn bởi, và liên kết chặn.

Tự động hóa việc tạo pull request với các commit được định dạng và quản lý nhánh. Đảm bảo bạn không ở trên nhánh chính, tạo nhánh tính năng nếu cần. Chạy định dạng mã Oxfmt trên tất cả các gói bị ảnh hưởng trước khi commit. Định dạng commit và tiêu đề PR bằng tên gói từ package.json (ví dụ: "@remotion/shapes: Thêm hình trái tim"). Sử dụng CLI gh để mở pull request tự động sau khi đẩy thay đổi.

Xử lý đa phương tiện với thư viện Mediabunny

Xử lý đa phương tiện với thư viện Mediabunny

Xử lý đa phương tiện với thư viện Mediabunny

Xử lý đa phương tiện với thư viện Mediabunny

Chờ một pull request của Remotion trở nên có thể merge, xử lý xung đột merge, phân biệt lỗi CI thực sự với lỗi không ổn định, chạy lại các kiểm tra không ổn định thông qua flake…

Khởi tạo một Remotion Element mới với composition xem trước được cấu hình chính xác để phát triển trong Remotion Studio của docs.

Sửa các tham số tùy chọn mới được thêm, các props React tùy chọn và các thành viên tùy chọn của kiểu/giao diện trong các bản diff của monorepo Remotion bằng cách chuyển đổi các API nội bộ thành…

Sửa các tham số tùy chọn mới được thêm, các props React tùy chọn và các thành viên type/interface tùy chọn trong các diff của monorepo Remotion bằng cách chuyển đổi các API nội bộ thành…

Khởi động ứng dụng ví dụ @remotion/player và mở nó trong trình duyệt Codex. Sử dụng khi người dùng gọi /player-example hoặc $player-example, yêu cầu khởi chạy…

Khởi động ứng dụng mẫu @remotion/player và mở nó trong trình duyệt Codex. Sử dụng khi người dùng gọi /player-example hoặc $player-example, yêu cầu khởi chạy…

Mở một pull request cho tính năng hiện tại

Mở một pull request cho tính năng hiện tại

Đặt tên chính xác cho một PR

Xem lại hoặc sửa tiêu đề pull request của Remotion

Khắc phục lỗi CI, xung đột merge hoặc thay đổi nhánh cục bộ để sẵn sàng cho PR

Giải quyết các lỗi CI, xung đột merge, hoặc thay đổi nhánh cục bộ để sẵn sàng tạo PR

Hoàn thiện một Remotion Element đã phát triển, thêm nó vào thư viện tài liệu, kết xuất các bản xem trước của nó và chạy các kiểm tra kho lưu trữ.

Phát hành phiên bản Remotion mới

Phát hành một phiên bản Remotion mới

Kỹ năng tạo video bằng Remotion.

Các phương pháp tốt nhất cho Remotion - Tạo video trong React

Router cho tất cả kỹ năng Remotion

Best practices for Remotion - Video creation in React

Các phương pháp tốt nhất cho Remotion - Tạo video trong React

Các phương pháp hay nhất cho Remotion

Cơ sở kiến thức chuyên biệt theo miền để xây dựng video với Remotion và React. Bao gồm hơn 30 tệp quy tắc trải dài trên các lĩnh vực hoạt ảnh, âm thanh, tài nguyên, nội dung 3D, biểu đồ, văn bản, chuyển cảnh và quản lý bố cục. Cung cấp hướng dẫn chuyên biệt cho phụ đề, thao tác FFmpeg, trực quan hóa âm thanh và tích hợp hiệu ứng âm thanh. Cung cấp các mẫu để tính toán siêu dữ liệu động, kiểm tra phương tiện (thời lượng, kích thước, trích xuất khung hình) và bố cục có thể tham số hóa. Hỗ trợ các tính năng nâng cao như L

Xử lý phụ đề trong Remotion

Phiên âm, hiển thị và tạo hoạt ảnh cho phụ đề

Phiên âm, hiển thị và tạo hoạt ảnh cho phụ đề

Xử lý phụ đề trong Remotion

Xử lý phụ đề trong Remotion

Tạo một video Remotion mới

Create a new Remotion video

Tạo một video Remotion mới

Tạo một video Remotion mới

Tìm kiếm tài liệu Remotion

Tìm kiếm tài liệu Remotion

Tìm kiếm tài liệu Remotion

Tìm kiếm tài liệu Remotion

Các phương pháp hay nhất để viết hoạt ảnh Remotion giữ trực quan cho tác nhân và có thể chỉnh sửa trong Chế độ trực quan của Remotion Studio.

Cấu trúc markup Remotion cho tính tương tác

Cấu trúc markup Remotion cho tính tương tác

Các phương pháp hay nhất để viết hoạt ảnh Remotion giữ trực quan cho tác nhân và có thể chỉnh sửa trong Chế độ trực quan của Remotion Studio.

Các phương pháp hay nhất để viết hoạt ảnh Remotion giữ trực quan cho tác nhân và có thể chỉnh sửa trong Chế độ trực quan của Remotion Studio.

Kiến thức về animation bản đồ Remotion

Kiến thức về hoạt hình bản đồ Remotion

Kiến thức hoạt hình bản đồ Remotion

Kiến thức về animation bản đồ Remotion

Các phương pháp tốt nhất về nội dung, hoạt hình và hiệu ứng

Các phương pháp hay nhất để viết Remotion React Markup

Các phương pháp hay nhất để viết Remotion React Markup

Các phương pháp hay nhất để viết Remotion React Markup

Tương tác với Mediabunny

Tương tác với Mediabunny

Tương tác với Mediabunny

Tương tác với Mediabunny

Xuất một video Remotion

Xuất video Remotion

Các phương pháp tốt nhất để render video

Các phương pháp tốt nhất để render video

Các phương pháp tốt nhất để render video

Xây dựng ứng dụng với Remotion

Xây dựng ứng dụng video với Remotion - khung framework, kết xuất và lời khuyên về Player

Xây dựng ứng dụng video với Remotion - khung nền tảng, kết xuất và lời khuyên về Player

Xây dựng ứng dụng video với Remotion - khung nền tảng, kết xuất và lời khuyên về Player

Xem trước video Remotion

Xem trước video Remotion

Xem trước video Remotion

Xem trước video Remotion

Nâng cấp Remotion và các gói liên quan

Nâng cấp Remotion và các gói liên quan

Nâng cấp Remotion và các gói liên quan

Nâng cấp Remotion và các gói liên quan

Tạo khung một Remotion Element mới với composition xem trước được cấu hình chính xác để phát triển trong Remotion Studio của tài liệu.

Ghi lại vị trí đặt skill Remotion. Sử dụng khi thêm, di chuyển hoặc chỉnh sửa skill Remotion để quyết định xem một skill có thuộc về .agents/skills như một skill nội bộ hay không…

Vị trí đặt skill Document Remotion. Sử dụng khi thêm, di chuyển hoặc chỉnh sửa các skill Remotion để quyết định xem một skill có thuộc vào .agents/skills như một skill nội bộ hay không…

Khởi động Remotion Studio từ packages/example và mở nó trong trình duyệt Codex. Sử dụng khi người dùng gọi /studio hoặc $studio, yêu cầu khởi chạy Studio ví dụ,…

Khởi động Remotion Studio từ packages/example và mở nó trong trình duyệt Codex. Sử dụng khi người dùng gọi /studio hoặc $studio, yêu cầu khởi chạy Studio ví dụ,…

Phân loại và kết nối các tùy chọn cấu hình Remotion Studio thành dạng cố định khi khởi động hoặc có thể tải lại, đồng thời ngăn chặn hành vi vòng đời hỗn hợp giữa các consumer. Sử dụng khi…

Chẩn đoán và sửa lỗi giao diện Remotion Studio do global CSS reset gây ra. Sử dụng khi văn bản lồng nhau hoặc biểu tượng SVG có màu sắc, kiểu chữ, kích thước, hiệu ứng hover không chính xác…

Hướng dẫn cho các thay đổi giao diện Remotion Studio khi việc reset CSS toàn cục ảnh hưởng đến các phần tử lồng nhau. Sử dụng khi chỉnh sửa giao diện packages/studio, đặc biệt khi thêm wrapper…

Tối ưu hiệu suất render của Remotion Studio bằng cách giảm thiểu các bề mặt component phản ứng theo khung hình, ưu tiên đọc trạng thái timeline theo cách mệnh lệnh, và ghi nhớ (memoize) các component ổn định…

Hoàn thiện một Remotion Element đã phát triển, thêm nó vào gallery tài liệu, và chuẩn bị một bài nộp trực tiếp từ thành viên hoặc một đóng góp có thể được xem xét từ bên ngoài.

Publish Remotion Lambda Chrome binaries to the eu-central-1 test region and update hosted layer and Chrome version references. Use when updating Chrome…

Xuất bản các tệp nhị phân Chrome của Remotion Lambda lên vùng thử nghiệm eu-central-1 và cập nhật các tham chiếu phiên bản Chrome cũng như lớp được lưu trữ. Sử dụng khi cập nhật Chrome…

Cập nhật nhánh Remotion hiện tại với nhánh main chuẩn mới nhất. Sử dụng khi được yêu cầu cập nhật hoặc đồng bộ từ upstream main, merge main mới nhất vào một…

Cập nhật bản sửa đổi Git ffmpeg-next của Remotion thành một commit rust-ffmpeg đã được phát hành, làm mới Cargo.lock, xây dựng lại tất cả các tệp nhị phân compositor được hỗ trợ, xác thực…

Cập nhật số lượng sao GitHub trên trang chủ Remotion. Sử dụng khi được yêu cầu làm mới số sao GitHub hiển thị và đẩy thay đổi lên main.

Cập nhật số sao GitHub trên trang chủ Remotion. Sử dụng khi được yêu cầu làm mới số sao GitHub hiển thị và đẩy thay đổi lên nhánh main.

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Nâng cấp override caniuse-lite trong kho lưu trữ Remotion. Sử dụng khi được yêu cầu cập nhật caniuse-lite lên phiên bản npm mới nhất.

Nâng cấp bản ghi đè caniuse-lite trong kho lưu trữ Remotion. Sử dụng khi được yêu cầu cập nhật caniuse-lite lên phiên bản npm mới nhất.

Nâng cấp Mediabunny và các gói @mediabunny liên quan trong repo Remotion. Sử dụng khi được yêu cầu cập nhật Mediabunny lên phiên bản mới nhất.

Nâng cấp Mediabunny và các gói @mediabunny liên quan trong toàn bộ kho Remotion. Sử dụng khi được yêu cầu cập nhật Mediabunny lên phiên bản mới nhất.

Tải lên các tài nguyên kho lưu trữ Remotion lớn vào bucket Cloudflare R2 phía sau remotion.media và thay thế các tài nguyên public/ cục bộ bằng các URL được lưu trữ. Sử dụng khi một tệp là…

Tải các tài sản kho lưu trữ Remotion lớn lên bucket Cloudflare R2 phía sau remotion.media và thay thế tài sản public/ cục bộ bằng các URL được lưu trữ. Sử dụng khi một tệp…

Triển khai hoặc xem xét một thay đổi phá vỡ của Remotion 5 trong khi các dòng phát hành v4 và v5 vẫn dùng chung mã nguồn. Dùng khi hành vi của v4 và các kiểu công khai phải được giữ nguyên…

Thiết lập trình giám sát Codex cho các bản triển khai Vercel và URL xem trước. Sử dụng khi người dùng gọi /vercel hoặc $vercel, yêu cầu Codex theo dõi hoặc giám sát một Vercel…

Thiết lập trình giám sát Codex cho các bản triển khai Vercel và URL xem trước. Sử dụng khi người dùng gọi /vercel hoặc $vercel, yêu cầu Codex theo dõi hoặc giám sát một Vercel…

Version của Remotion mà chúng tôi đang làm việc.

Phiên bản Remotion chúng tôi đang làm việc.

Tạo báo cáo về một video

Tạo báo cáo về một video

Hướng dẫn làm việc với Chế độ trực quan Remotion Studio, danh tính chuỗi, đường dẫn nút, stack đã ký hiệu hóa, ID ghi đè và hành vi tải nóng. Sử dụng khi…

Hướng dẫn làm việc với Chế độ trực quan của Remotion Studio, nhận dạng chuỗi, đường dẫn nút, ngăn xếp đã ký hiệu hóa, ID ghi đè và hành vi tải nóng. Sử dụng khi…

Kiểm thử ảnh chụp nhanh giao diện cho các thành phần web renderer sử dụng vitest fixtures. Tạo test fixtures trong packages/web-renderer/src/test/fixtures để định nghĩa một React component, kích thước, tốc độ khung hình và thời lượng. Đăng ký fixtures trong packages/web-renderer/src/test/Root.tsx để kích hoạt chức năng xem trước. Viết các test case hiển thị ảnh tĩnh bằng renderStillOnWeb() và xác thực đầu ra bằng so sánh ảnh chụp nhanh testImage(). Chạy kiểm thử với bunx vitest src/test/video.test.tsx và cập nhật tài liệu trong...

Thêm một trường hợp kiểm thử vào trình kết xuất web

Hướng dẫn viết và chỉnh sửa tài liệu Remotion. Sử dụng khi thêm trang tài liệu, chỉnh sửa tệp MDX trong packages/docs, hoặc viết nội dung tài liệu.

Hướng dẫn và mẫu để viết tài liệu API Remotion ở định dạng MDX. Tạo một tệp .mdx cho mỗi API trong packages/docs/docs, thêm vào sidebars.ts, và chạy bun render-cards.ts để tạo thẻ xem trước xã hội. Sử dụng tiêu đề ### cho các thuộc tính API (không phải dấu đầu dòng), thêm hậu tố ? cho các tham số tùy chọn, và bao gồm giá trị mặc định một cách tự nhiên trong mô tả. Ưu tiên các đoạn mã an toàn về kiểu với xác thực twoslash; sử dụng // ---cut--- để ẩn các import và luôn thêm thuộc tính title vào...

Các quy tắc viết và xem xét bài kiểm tra trong kho lưu trữ Remotion. Sử dụng khi thêm, chỉnh sửa hoặc xem xét các bài kiểm tra, đặc biệt là cho Studio UI, rendering, CLI,…